38 websites coded in HTML5 for your inspiration
July 12, 2011

38 websites coded in HTML5 for your inspiration

Web design | comments 17 | 8989 Views

With the latest update to the HTML family, the HTML5 brings a breath of fresh air to the front end developing scene. 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.

39 websites coded in HTML5 - Tron  Legacy

Zara Media Design

It a design agency that implemented a slick horizontal scrolling effect of its content.

39 websites coded in HTML5 - Zara Media Design

Karlsruhe Blog

39 websites coded in HTML5 - Webdesign Karlsruhe Blog

Visualise

A micro-bloging platform in Canada.
38 websites coded in html5 - visualise.ca

Virtuti design studio

39 websites coded in HTML5 - Virtuti D

Puma website

38 websites coded in HTML5 - Puma

Toyota Prius Projects

39 websites coded in HTML5 - 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.

39 websites coded in HTML5 - The Wired Mind at Wired.co.uk

The Wilderness Downtown

39 websites coded in HTML5 - The Wilderness Downtown

The Bullit Agency

A artist representation agency gone crazy! Sliding content, menus that change position and no sidebar…sweet!

39 websites coded in HTML5 - The Bullitt Agency

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!

39 websites coded in HTML5 - S5 Style

Rob Edwards Portfolio

39 websites coded in HTML5 - ROBEDWARDS.ORG

Redsquare Agency

38 websites coded in HTML5 - Red Square Agency

Portfolio Of Antoine Wette

39 websites coded in HTML5 - 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 !

38 websites coded in HTML5 - Portfolio of Rickard Sund

Nike Better World Campaign website

38 websites coded in HTML5 - Nike Better World

nGen Works

38 websites coded in HTML5 - nGen Works

McKinney Agency

38 websites coded in HTML5 - McKinney

Kzauhide Fukuyama Portfolio

38 websites coded in HTML5 - Portfolio of Kazuhide Fukuyama

Klokkerent shop

38 websites coded in HTML5 - KLOKKERENT

Harpoon Pictures Directors

38 websites coded in HTML5 - Harpoon Pictures - Directors

Go Up Communication group

38 websites coded in HTML5 - GO UP Communication group it

Ghost Horses

38 websites coded in HTML5 - Ghost Horses

FreeAgent Depot

38 websites coded in HTML5 - FreeAgent Depot

Facio Design

38 websites coded in HTML5 - Facio Design

Empire State Recordings

A nice implementation of the audio tags.

38 websites coded in HTML5 - Empire State Recordings

Catalin Boroi Portfolio

A clean design made in HTML5.

38 websites coded in HTML5 - Portfolio of Catalin Boroi

Digital Hands Agency

38 websites coded in HTML5 - Digital Hands

Daniel Scholten

38 websites coded in HTML5 - Daniel Scholten

Cultural Solution Uk

38 websites coded in HTML5 - cultural solutions uk

Cappen Digital Agency

38 websites coded in HTML5 - Cappen  Agência Digital

Büro Maisengasse Gassee

38 websites coded in HTML5 - Büro Maisengasse

BountBev

38 websites coded in HTML5 - BountyBev

Ben the Bodyguard

38 websites coded in HTML5 - Ben the Bodyguard

Aspesi Japan

38 websites coded in HTML5 - ASPESI

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!

38 websites coded in HTML5 - AIRWALK

Octave and Octave

Octave & Octave is a web agency that designs and mobile web platforms new generations.

38 websies coded in HTML5 - Agence web paris

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.

38 websites coded in HTML5 - 7 Best Things of 2010 by Dave Gamache

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.

Loading Facebook Comments ...

17 Responses to “38 websites coded in HTML5 for your inspiration”

  1. Fazreen says:

    Thanks for sharing. All websites above are cool. Wish I can create html5 website in the future

  2. Michael says:

    Very cool and inspiring list, thanks for sharing :-)

  3. […] 38 websites coded in HTML5 for your inspiration Tweet […]

  4. Asif says:

    Wow! Amazing collection of html5 websites. Thanks for this great list.

  5. […] 38 websites coded in HTML5 for your inspiration » Wabbaly These are some awesome HTML5 sites (tags: design webdesign inspiration web website) […]

  6. Lee says:

    Thanks for the share. I’m a web designer myself and I really like what you have posted here about HTML5.

  7. bilging says:

    Great works. Thx.

  8. Jennie says:

    Very cool list, I particularly like the Canvas stuff. Awesome.

  9. […] 38 websites coded in HTML5 for your inspiration With the latest update to the HTML family, the HTML5 brings a breath of fresh air to the front end developing scene. Source: http://www.wabbaly.com […]

  10. […] 38 websites coded in HTML5 for your inspiration With the latest update to the HTML family, the HTML5 brings a breath of fresh air to the front end developing scene. Source: http://www.wabbaly.com […]

  11. […] maybe even findable but what about the 21st century design I’d expect in 2011? Well, now the sites that really use HTML5 to create a design beyond a few boxes start appearing in larger […]

  12. mitch says:

    nice ones…I would mainly wish clients who would demand and appreciate such a thing…they are being soooo conservatiove lately:-)

    • sometimes you have to tell them why they should go with html5. at the beginning of 2011 we, developers and clients, had an excuse : lack of browser support. even in the examples you saw, the most brave are the agencies. it depends on you ,on how you make yourself understood.