Grow your CSS skills. Land your dream job.

HTML5 Templates

Published by Chris Coyier


  1. Permalink to comment#

    OMFG! Mother load of awesome!

  2. Been exploring the Boiler since Jeffrey Way did a post on it yesterday on Nettuts. I don’t think I’ve ever felt as confident going into new projects as I do now. This is dope.

  3. hell yeah !!!!!!!! life is easier THANKS A MANY CHRISS

  4. I can’t wait to use these, we live in a glorious age of web dev!

  5. Permalink to comment#

    for WordPress WPBasis html5 SVN

  6. I saw the boiler plate on nettuts, it seems like way too much. The HTML5 makes too many assumptions about what you’re making, but would definitely be a time saver if you need all that. The HTML5 site template seems very flexible, but is so simple i could do everything with just the snippets I have in espresso in 5 seconds, faster than I could import that, even using the command line and git clone. I think the best solution is to use the HTML5 reset but strip it down and put individual lines into snippets, that way you can type:
    beginhtml {tab}
    metadescription {tab}
    inlinestyle {tab} etc.
    Now that would be an amazing espresso sugar or textmate bundle!

  7. Hm, I’ve been going through the HTML5 boilerplate a bit today and it’s almost too daunting to go through everything and strip out what you don’t want/need. Plus, it seems like there are a LOT of work a rounds just to get the HTML to work rather than doing it with, say, javascript. It’d be nice if there was some sort of walkthrough/screencast that would walk through the process, explaining everything along the way as well as maybe providing a stripped-down version.

  8. Hey Chris – Just noticed this form breaks in Google Chrome if you make the screen to small – the website field falls below the other to and still floats right, looks pretty weird. Other than that I’m lovin the new redesign, well done!

  9. Permalink to comment#

    Boilerplate looks amazing. Even if you don’t use it all, the code is very well documented and there’s so much to learn from it and all for the bargain price of absolutely nothing.

    I’m consistently amazed by the design and development community. Thanks for the heads up on these, and everything else on your site. I really appreciate how much easier you make my programming life!

  10. Permalink to comment#

    I miss your old design…

    • Permalink to comment#

      I agree with AJ. I’m having a really hard time adjusting to this design. The other one (in my opinion only) was easier to read and navigate

  11. Thanks for another post Chris…

    On another note, when returning to the site to see the new design you had announced would be coming out. Yesterday my first impression was oh no, but I have returned of course a few times since and it’s completely grown on me.

    Great work!

  12. Permalink to comment#

    are you still working on the design?
    the headings font doesn’t look good on chrome on PC. and the blue buttons have grey square borders. the website URL text field in the comments form is also out of place

  13. Many browsers do not support html5

  14. Chris, this is awesome! I am really focusing on HTML5 this week, possibly converting some existing sites. Thanks!

  15. Permalink to comment#

    I appreciate the work and everything, but isn’t it a little bit much hype for some templates combined with some best practices?

    • hype because it’s here on css-tricks, and net-tuts? it’s content created by people like you and me buddeh.

      this is a pretty basic post, 3 items only.

      you are right, it is some templates with best practices.

    • Permalink to comment#

      Yes, you’re right, I was just wondering why “Boilerplate” is all over my feedreader for the last week – no critic – just a thought ;)

  16. Permalink to comment#

    the boilerplate is very useful. thanks.

  17. Juan
    Permalink to comment#

    In your new wordpress theme of the website, what is your opinion about IE7 and IE8, not yet supports HTML5! What do you think about it?

    Thanks and Congratulations!

  18. Permalink to comment#

    Awesome, thanks for these!

  19. Great, Thanks!

  20. These are great – thanks for sharing. It will be great when the web moves this way and everyone adopts these practices.

  21. Permalink to comment#

    Great collection. LT

  22. Really , awesome collection

  23. Permalink to comment#

    any for blogspot? :D qiqiqiqi ;)) :”>

  24. Message Corp takes text messaging to a new level.
    Our interactive text messaging makes it possible to engage
    in a highly personalized and fully-automated customer dialog.
    As a result, customers can access product inquiries,authorize
    payments, and confirm transactions – conveniently from their
    mobile phone and without the assistance of an agent.And for
    those customer interactions that require special handling,
    we make it possible for your agents to seamlessly interact
    with your customers via text.

This comment thread is closed. If you have important information to share, you can always contact me.

*May or may not contain any actual "CSS" or "Tricks".