[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?
http://www.guardian.co.uk/technology/blog/2010/jul/23/html5-flash-ads-quiz
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
reserved
Cover your eyes, AdBlock users: the future of the web is here, and it includes
adverts.
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:
