HTML5 should not mean “Requires Safari”

Hand of Greed is being promoted as an HTML5 game. But it only works on Safari.

I'm afraid this is where we're headed. It's difficult today to make a web app that works across the major browsers, and HTML5 adds a whole lot of complexity on top of that. IE still has huge market share, and the time lapse between major releases of IE ensures that the web will continue to evolve slowly (since even after all this time, it still has majority market share).

I started putting together some pages where I've been putting little snippets of code as I re-learn JavaScript and experiment with HTML5, and one of my first pages, a simple canvas "Hello World", works great in Safari and Chrome on the desktop, but on the iPad, briefly flashes "Hello World" upside down in the wrong location and then it disappears. Great.

And Hand of Greed? Check out this CSS:

[cc lang="css"]
.spinner1 {
-webkit-transform-origin: 0% 50%;
-webkit-animation-name: spin1;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;

Doesn't look very "standard" does it? This might work in Chrome and Safari but I doubt Mozilla or IE are going to implement all the WebKit extensions.

If your web app requires a specific browser runtime to run then what's the point of all this? I'm sure Apple is happy because the specific browser runtime you need is the one they support, but it seems like what Apple is really asking people to do is switch from Flash not to HTML5, but to WebKit.