Home » Archive

Articles in the Headline Category

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

[24 Jul 2010 | One Comment | ]
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 | One Comment | ]
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, 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, Life & Introspection, Things I've Made »

[7 Jun 2010 | No Comment | ]
Kirigami and Origami

File this under “do try this at home”. Since Christmas I have been occasionally practicing Origami which has been a lot of fun. Origami, particularly unit-origami as you might think has some fairly strong roots in geometry and some exquisite forms can be produced with some surprisingly complex folds. Probably the best example of this is the Bisected Cube folded from a single sheet, the bisection is covered exactly by a 2nd sheet of paper folded into a perfect hexagon.
This past weekend I tried my hand at Kirigami. Kirigami is …

Featured, Headline, Life & Introspection »

[28 Apr 2010 | 2 Comments | ]
A Sanity Test

Are you out of your mind? Meaning are you mad? Or insane? and to what degree? Seriously, how would you know?
Consider the tool you’d be using to determine the answer could potentially be skewing the results, e.g. your mind if insane may not give the right answer.
So the question is relative. You need a frame of reference. An objective third party perhaps, such as a psychologist or psychiatrist. A neurologist could verify the physical construction of your brain but that will fall short in validating how the mind …

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 …