With the latest update to the HTML family, the HTML5 brings a breath of fresh air to the front end developing scene. “The flash killer”, “the new Big thing”, “the future of web design” this are the titles HTML5 has been crowned as. Even if to the web designer, it is just an awesome tool that makes things fun to play with again.
Speaking of play and fun, here is a small collection of works that are on the web , structured in HTML5.
Tron website
A really awesome presentation made with the pure awesomeness of HTML5s canvas! Just enjoy it.
Zara Media Design
It a design agency that implemented a slick horizontal scrolling effect of its content.
Karlsruhe Blog
Visualise
A micro-bloging platform in Canada.
Virtuti design studio
Puma website
Toyota Prius Projects
The Wired Mind
The Wired mind is a visualisation tool that provides another way to browse the content on Wired.co.uk. It’s been created in partnership with Microsoft’s Internet Explorer 9 browser to show off some of the great things you can do with a really fast standards-based browser.
The Wilderness Downtown
The Bullit Agency
A artist representation agency gone crazy! Sliding content, menus that change position and no sidebar…sweet!
S5 Style portfolio
A beautiful example of what you can do with canvas. At first I thought it was done in flash, but was I wrong!
Rob Edwards Portfolio
Redsquare Agency
Portfolio Of Antoine Wette
Portfolio of Rickard Sund
Compared with other photographer’s websites, this is a breath of fresh air. No flash, just HTML5 and javascript. Nice sliding animation/navigation, with the possibility to download the pictures(nice customization).Really nice job !
Nike Better World Campaign website
nGen Works
McKinney Agency
Kzauhide Fukuyama Portfolio
Klokkerent shop
Harpoon Pictures Directors
Go Up Communication group
Ghost Horses
FreeAgent Depot
Facio Design
Empire State Recordings
A nice implementation of the audio tags.
Catalin Boroi Portfolio
A clean design made in HTML5.
Digital Hands Agency
Daniel Scholten
Cultural Solution Uk
Cappen Digital Agency
Büro Maisengasse Gassee
BountBev
Ben the Bodyguard
Aspesi Japan
Airwalk
It leads the evolution of board sport culture. An online shop with some really nice touches: vertical sliders, video, “animations gone wild” approach. Eye candy!
Octave and Octave
Octave & Octave is a web agency that designs and mobile web platforms new generations.
7 best things in 2010 by Dave Gamache
A presentation of the special moments in Dave’s life in 2010. The full backgrounds and vertical navigation with overlapping layers are something I will never get tired of.
Conclusion
HTML5 in a combination with CSS3 and a rigorous implementation of javascript, brings a new perspective on the user experience. Even if there are only small steps made in designing with HTML5( as you can see, a big percentage of the sites are made by specialized agencies or individuals), there is initiative and hopefully we will see more “ordinary” websites designed in HTML5.