The Official Guide to HTML5 Boilerplate
Tutorial Details
- Template: HTML5 Boilerplate
- Tutorial Format: Screencast
- Difficulty: Beginner - Moderate
When we helped to promote the recently released HTML5 Boilerplate in early August, multiple comments were made, which expressed a desire for a full video overview of the template. Thankfully, Paul Irish, the co-creator, recorded a full video walk-through, exclusively for Nettuts+. In this screencast, he meticulously reviews each page, and then further goes on to explain why and when you would use each snippet in your projects.
The product of years of learning, this video is not to be missed! Even if you have no intention of using this template, you’ll still learn an array of helpful techniques.
You also might like Paul’s “10 Things I Learned from the jQuery Source” screencast. It’s equally educational and funny.
Enjoyed this Post?
Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!
By Paul Irish
Getting Good with JavaScript
Learn how to liven up your webpages, from start to finish. Veteran Nettuts+ author Andrew Burgess helps you Get Good with JavaScript.
Join our newsletter!
UberMenu - WordPress Mega Me ... only $14.00 
RoyalSlider – Touch-Enable ... only $12.00 
Kult House - More
Web Basix
Just getting started? Start with our basix tutorials on the fundamentals. View All Basix Tutorials
Create a Tutorial, Get Paid!
Have something to teach the world? Want to earn money doing it? Tutorials, screencasts, and articles published here on Nettuts+ are largely contributed by readers just like you! We'll pay you great money for good content. Find Out More
This has been a lifesaver! Thanks so much Paul.
Real helpful set of tools, documentation and tutorial video. Nicely done.
Really nice, thanks for taking time to explain everything.
Finally! I made it all the way to end of the video!
Best 40 minutes I ever spent, any personal project I create from now on will include some snippet of html5. Thanks for the walk through Paul, excellent work!
Hey Paul, thanks for the shout out on belatedpng. Some really vexing bugs in that software, but I’m glad it’s helping people.
I’d rather have a text transcript. *sigh*
He wasn’t Irish :(
We’ve impliimented a lot of the tips here in our HTML5 WordPress Shell, if you use WordPress as your CMS check it out.
Lol – just rebuild my base template using the HTML 5 boilerplate –
@Brent – loving the WordPress shell too for some of my other projects on the to do list :D
heh.. sweet frown.
Thank you very much for the effort of explaining. Keep up the good work!
PS! The video does not seem to work!
Awesome. Definitely worth the watch. The boilerplate was a bit over my head to begin with but I’m all over it like a rash now.
It’s 2011 and I’m just now getting to this. Thanks a lot for the tutorial. Even though a lot has changed (missing css, js, and some missing things in the index.html file) your explanation helps a lot in understanding what it’s all for and how to use it.
Would love to see an updated video for the latest version (v2.0-0-g8bfbd13 is what I downloaded).
I haven’t looked through the rest of the html5 series yet but a series on developing with the boilerplate would be cool.
Thanks! :-)
This really helped me understand how boilerplate can help me in some instances
Más información de HTML 5 en esta página de Microsoft está muy completa http://www.w3.org/html/logo/