HTML5 – A new ‘Direction’

HTML5 Logo
Further to our Trainspotters guide to HTML5 post a week or so ago here’s some more (useful) background into HTML5.

You’ve probably heard something about HTML5 recently? But not too sure what it’s all about? It’s being seen as a great step forward in terms of cross-platform and device standardisation and for the more technical of you it allows developers to be less reliant on proprietary plug-ins and APIs amongst many other benefits. Some are also seeing it as accelerating the demise of Flash (or at least a compelling alternative without the current Apple device issues) that I think we’d all welcome.

Without getting too technical one exciting aspect of HTML5 for us is the various new features and elements that replace previously used generic tags with new semantic, search engine and accessibility friendly tag types, such as <article> and <header>. Another such aspect is <canvas> which allows the dynamic rendering of 2D shapes and images.

Canvas is a particularly interesting one for us as we’ve just launched an interactive feature written with canvas for our new thought leadership publication, Directions 11. Hence the title of this article :-) . The specific feature is found within the chapter, Uncertain Times.

Here also are some other lovely examples of HTML5 that have caught our eye and illustrate well what can be done with the technology.

A great from Google that will bring back some browser memories too –

How to make scrolling a pleasure –

Coming soon to the House on this side of the pond?

Slider vs. mouse interaction (instead of a slider this image gallery uses movements of the mouse to go through the images) –

Infographics and interactivity –

Most corporate sites use a map to show your locations, but how about using a map to tell your story –

Happy (future) browsing!


Ian Howlett

Ian Howlett

Head of Digital
This entry was posted in Digital. Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *


You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>