Home » Archive

Articles in the Web Development Category

Cool & Future Tech, Featured, Headline, Web Development »

[24 Jul 2010 | 3 Comments | ]
Create CSS Rules from an HTML5 Canvas

Here I show how you can re-use your Canvas images as CSS backgrounds using another interesting feature coming in HTML5. You’ll need a browser supporting CSS3 and Canvas, Chrome, Opera, Safari or Firefox will do.

Cool & Future Tech, Featured, Headline, Web Development »

[21 Jul 2010 | No Comment | ]
Identicon5 – Identicons using HTML5 Canvas & JQuery

What do you get when you combine Digital Identity, MD5 Hashes, the Canvas element, JQuery and Quilting? Answer: My first JQuery plugin – “Identicon5″ for want of a better name.
Identicon5 is a JQuery plugin that takes an MD5 hash and converts it to a unique image. It’s called Identicon5 since it works through the HTML5 Canvas element.
Working Demo is here: http://francisshanahan.com/identicon5/test.html
Project page is here: http://francisshanahan.com/index.php/identicon5
JQuery Plugin page is here: http://plugins.jquery.com/project/identicon5
Identicons provide a nice visual representation of a user’s identity, that’s unique to that user, without divulging any …

Cool & Future Tech, Featured, Headline, Web Development »

[15 Jul 2010 | No Comment | ]
New Input Types in HTML5

I’ve recently been doing a lot of digging into quote/unquote “newer” browser capabilities, some of which are very cool. I will share what I’ve discovered as I go.
As always I’m using a little “test project” as my sandbox, this is a real-world website that’ll use all these features and I’ll share that when it’s done.  So far I’m using oAuth/Twitter integration, ASP.NET MVC/JQuery as a basic stack and am adding in HTML5 and CSS3 features. The resulting site will not be pretty but the point for me is always to …

Cool & Future Tech, Featured, Headline, Web Development »

[13 Jul 2010 | One Comment | ]
HTML5 Canvas vs SVG

What is the new Canvas tag in HTML5 all about? And why would I use it over SVG (scalable vector graphics)? I took a look and here’s what I found out…

Cool & Future Tech, Featured, Headline, Web Development »

[2 Jul 2010 | 2 Comments | ]
Converting the WordPress Arthemia Theme to HTML5

The other day I converted the current WordPress theme of this site from XHTML Transitional 1.0 to HTML5. It was fairly easy so here’s what I did.
An XHTML 1.0 transitional website was a great place to start. I used the trusty w3c validator located at http://validator.w3.com.
First thing was to get the Doctype fixed up: I changed
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
to
<!DOCTYPE html>
and bingo, we’re recognized as HTML5 instead of XHTML. Not compliant yet though. I removed the profile attribute from my head tag as so:
<head profile=”http://gmpg.org/xfn/11″> which wasn’t …

Featured, Web Development »

[25 Jun 2010 | 3 Comments | ]
Arvixe > Webhost4life

By the time you read this the site will have moved to a new hosting provider (Arvixe.com).
Webhost4life was a good host for many years but something changed recently. The site was moved to a new platform without warning.
It was ported to new servers, which I’m guessing are virtual. My SSL certificate disappeared in the process. My site worked slower…MUCH slower and was out of service numerous times. Not only that but the configuration changed. The new platform doesn’t support .NET 4.0 or the .NET Wildcard mapping in IIS. Support switched …

Featured, General Computing, Headline, Web Development »

[16 Jun 2010 | One Comment | ]
Rich Clients, Smartphones and a Roadmap for HTML5

As technology rambles on, we see an ever increase in the richness of client-side web-hosted applications. Web applications need to move beyond RIA and into fully fledged applications which are downloaded like a web page but have more and more thick-client-like behaviour such as client-side storage.
Yeah, yeah, we’ve heard this all before but the big question is when is it going to happen and how?
The technology that’ll power this is undoubtedly HTML5.
Looking at the desktop market-share we see that

Firefox – 31.26%
Internet Explorer 8 – 25.23%
Internet Explorer 6 …

Featured, Headline, Web Development »

[11 Apr 2010 | One Comment | ]
A Simple Example of Deferred Binding in GWT

Deferred Binding in GWT lets you swap classes at compile time and have GWT generate the result into JavaScript as if you’d coded it that way from the start. Sort of like reflection but at compile time instead of runtime. It’s a bit of nonsense to allow extension of GWT beyond what the native compiler can do.
As a side-note, GWT’s big value add is that it generates JavaScript off of Java. It also does some things during compilation which will speed up the JavaScript it produces de-virtualizing methods and …

Featured, Headline, Web 2.0 Experiments, Web Development »

[9 Apr 2010 | No Comment | ]
A Simple GWT Generator Example

Generators allow the GWT coder to generate Java code at compile time and have it then be compiled along with the rest of the project into JavaScript. They are a sort of similar to T4 Templates in the .NET world. I don’t recommend Generators because you end up writing a lot of code in printLn()s which is sort of the opposite of “maintainability”. However, there were so few examples available I decided to post a simple one here just for the sake of it.
My Use Case is I want …

Featured, Headline, Web Development »

[6 Apr 2010 | 3 Comments | ]
ExtJS, Metadata and GWT

Back around New Years I was looking for a way to simplify creation of cross-browser, DDA accessible HTML. Screens basically. They had to be very rich with lots of bells and whistles and they had to perform. Ideally this system had to be so simple to use that a non-technical person could create XBrowser, DDA compliant screens. I decided to take a second look at ExtJS and it has come a long way since I’d seen it last.
Using ExtJS you can create a screen programmatic-ally using classes and …