Continuing my little series of upcoming web standards soon to be included in most browsers (only the Steve’s at MS know if IE will include CSS3 & HTML 5), here are some examples of HTML 5 out in the wild. Apple’s Safari browser, and the beta of Firefox support these HTML 5 features.

Youtube HTML5 Demo

Not only does this Youtube demo use <header> & <footer>, <nav>, and <article> tags but it uses the promising <video> tag which eliminates the need for <embed> and <object> tags which require browser plugins to display video in a browser. Google also demonstrates some 3D graphic rendering in the browser, using O3D, an open-source web API for creating rich, interactive 3D applications.

See the demo here: http://www.youtube.com/html5

The Watchmaker Project

This is a design blog for a gentleman named Matthew Pennel, the site is valid HTML 5 and uses CSS2 & 3. What’s most interesting is the site’s use of HTML 5’s <audio> tag which like the above mentioned <video> tag embeds an audio file into the web page with out the use of browser plugins.

See the example here: http://www.thewatchmakerproject.com/blog/top-10-albums-of-2008/ Just scroll down to the #5 top album Death Magnetic by Metallica to see what the audio player looks like. Read more about it here.

Want to see more examples of HTML 5 sites? Check out html5gallery.com

This entry was posted on Thursday, June 18th, 2009 at 3:13 pm and is filed under Design. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.