[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.