[access-uk] html5 v flash

  • From: Gordon Keen <gordonkeen@xxxxxxxxxxxxxx>
  • To: access-uk@xxxxxxxxxxxxx
  • Date: Sat, 24 Jul 2010 11:31:59 +0100

Perhaps flash might not  be so pervasive in the future?


I can't believe it's not Flash! Can you tell which ads are in HTML5?

Make the HTML5 ads go away! Photo by Seeds_of_Peace on Flickr. Some rights 

Cover your eyes, AdBlock users: the future of the web is here, and it includes 

Unless of course you reckon that Adobe's Flash is always going to reign supreme 
when it comes to creating animated content online, so that the combination of 
HTML5 and CSS3 will just never become important, or that browsers capable of 
displaying HTML5/CSS3 content won't become pervasive enough for it to matter.

But if you don't... over at sencha.com, you can now - assuming you're using a 
sufficiently modern browser - take a quiz: see if you can spot which one of the 
pairs of ads is done in Flash, and which is done in HTML5/CSS3. (We're not 
hosting them here because (a) that would be rude (b) it would be a huge hassle 
getting the path to the CSS files right. Off you go and take the quiz.)

Obviously, this is quite easy to figure out if you have a Flash blocker 
installed (or are on a platform that doesn't provide Flash - hello pretty much 
everyone on mobile), or if you have a browser that's not capable of displaying 
HTML5. But if you view it on Firefox, Chrome, Safari or Opera, you may find it 
tough to call.

This is encouraging, or scary, depending on your viewpoint: if designers can do 
things with HTML5/CSS3 that they used to need Flash for, then blocking out the 
messages (which has been a topic of heated debate from time to time) that help 
to pay for some ads become much more difficult - because it's all just HTML. 
(Though perhaps you then start to have "CSS-blocking" parsers which will watch 
for things such as ":hover" and "-animation-duration" in the CSS file - see for 
example the content of http://www.sencha.com/deploy/css3-ads/hertz/style.css, 
used for the Hertz ad recreation.

The details, if you're interested, of how to do the recreations are on another 
Sencha blogpost. Would-be HTML5 designers, take note.

Other related posts: