HTML5 Bones

Yesterday I released HTML5 Bones, a downloadable basic HTML5 template. Let’s talk about that.


I have seen a few HTML5 templates out there, with HTML5 Boilerplate the most obvious and well known, and always thought that they contain too much.

Experienced developers will know how and what to remove, whereas beginners may not have the knowledge to remove jQuery or Modernizr, both of which are included in HTML5 Boilerplate.

So I decided to build my own, including what I thought was necessary.


So while the purpose of HTML5 Bones is to be a template from where someone can start when they want to build a HTML5 page, it can also be used as a learning tool when buildng your own HTML5 page from scratch.

I have added inline comments in the index.html file that comes with the template, with brief descriptions of what each element used in the template is for, and how you can use it.

It is also not meant as a replacement for templates such as HTML5 Boilerplate, merely as another option. You choose which one you think suits you and your project. This is one of the great things about the web.


As well as being available as a download, HTML5 Bones is also available on GitHub so others can collaborate on it.

In addition I have also received some suggestions via email and Twitter with which I will work with.

To keep updated you can follow @html5bones on Twitter.


Naturally all feedback is welcome either in the comments below or on Twitter or any of the other ways of contacting me!