Feature
Post

Category
Code, Design


Top 20 HTML5 and CSS3 sites to inspire you

The use of HTML5 in combination with CSS3 is really starting to take off. Safari, Chrome and Mozilla are pushing more support with each new release making it possible to code really great websites.

The best way to learn new techniques is by example, trial and error. Currently you can already start using HTML5 just by changing your document type.

CODE:
  1. <!DOCTYPE HTML>

It will validate with your current code even if you are using XHTML or HTML.

To get you inspired and motivated to start using HTML5 I've listed the top 20 HTML5 websites.

As it goes with CSS3 and HTML5 they work best in a webkit browser such as Safari and Chrome.

Faruk Ates

Good use of HTML5 tags: header, nav, section, article and footer. The effects used for "Elsewhere" are very eye catching and unique.

http://farukat.es/

For a Beautiful Web

A website for the Andy Clarke's series of DVD about web design, you can go wrong getting inspired by this website. Has one of the coolest use of CSS transitions I have seen yet. Look for the DVD animations.
http://forabeautifulweb.com/

Edgar Leijs

This personal site/portfolio of Edgar is one smooth site with zero loading time fool of HTML5, CSS3 and jQuery goodness. Especially the details in the portfolio section.

http://www.edgarleijs.nl/

Devinist

http://www.devinist.de/

Pelletized

http://www.pelletized.com/

Ian Devlin

http://www.iandevlin.com/

Leonardo Moreira

http://www.leonardomoreira.com.br/

Craig Ward

http://www.craigward.net/

Clevis

http://www.clevis.cz/

Chris Valleskey

http://chrisvalleskey.com/

Standardista

http://www.standardista.com/

Ryan Clark Merrill

http://ryanmerrill.net/

The Travel Agency

http://www.thetravelagency.cc/

Simply Matt D

http://www.simplymattd.com/

Eyes Styles

http://eyestylesllc.com/

The Design Grid

http://thedesigngrid.com/

Spurr Marketing

http://spurrmarketing.com/

Dots and Thoughts

http://dotsandthoughts.be/

The Energy Cell

http://www.energycell.co.uk/

Vaullt

http://vaullt.com/


  1. By Ian Devlin posted on June 3, 2010 at 2:00 pm
    Want an avatar? Get a gravatar! • You can link to this comment

    Thanks for the addition, although the screenshot made me shed a small tear and I’m currently in the middle of redesigning it :-)

  2. By Edgar Leijs posted on June 6, 2010 at 8:16 pm
    Want an avatar? Get a gravatar! • You can link to this comment

    Hi Ian, thanks for featuring my website :)

    Keep up the good works… Long live HTML5!

  3. By Hyde posted on June 7, 2010 at 5:08 pm
    Want an avatar? Get a gravatar! • You can link to this comment

    Ian I fixed the screenshot, something must have gone wrong with Paparazzi! while making the screen. I made the new one manually.

    Edgar Ian is also featured not the writer. But you are welcome :-)

  4. By uk website design posted on June 10, 2010 at 9:57 am
    Want an avatar? Get a gravatar! • You can link to this comment

    these html5 and css3 websites are really good..
    can u tel more about word press…

  5. By Blackspreen posted on June 16, 2010 at 8:19 pm
    Want an avatar? Get a gravatar! • You can link to this comment

    Really nice list! thanks for this sites i gonna check them all!

  6. TrackbackTweets that mention Top 20 HTML5 and CSS3 sites to inspire you | Devlounge -- Topsy.com