The HTML5 Boilerplate has been around for quite a while now. In fact, it has a history with more than three years of iterative development. Just this past week, the HTML/CSS/JS template hit version 3.0 and is smaller and more useful than ever.
For those not in the developer circle, a boilerplate is simply an easy place to start the coding process. It’s a jumping off point for developers to use when they are starting projects, and the HTML5 Boilerplate in particular encourages standards compliant, cross-browser compatible code.
F**k it, we'll do it live!
Our biggest ever edition of TNW Conference is fast approaching! Join 10,000 tech leaders this May in Amsterdam.
Certainly, one template can’t and will not work for every single project and developer, so it’s very important for you to feel free to cut up the template into something that works for you. Heck you could even develop your own from scratch.
With all that in mind, the HTML5 Boilerplate is valuable in so many ways. It’s a wonderful learning tool as long as you realize that what you see isn’t required, but recommended. More specifically, It’s cross-browser compatible (with IE specific classes for maximum cross-browser control) and HTML5 ready. It includes best practice site configuration defaults, features mobile browser optimizations, degrades gracefully and has optimal caching and compression rules for grade-A performance. Here’s more details to throw you through the loop:
- Console.log nerfing so you won’t break anyone by mistake.
- Never go wrong with your doctype or markup!
- An optimal print stylesheet, performance optimized.
- iOS, Android, Opera Mobile-adaptable markup and CSS skeleton.
- .clearfix, .visuallyhidden classes to style things wisely and accessibly.
- .htaccess file that allows proper use of HTML5 features and faster page load
- CDN hosted jQuery with local fallback failsafe.
- Think there’s too much? The HTML5 Boilerplate is delete-key friendly. :)
As the site explains, HTML5 Boilerplate “is not a framework, nor does it prescribe any philosophy of development, it’s just got some tricks to get your project off the ground quickly and right-footed.” The key feature of the 3.0 update is making Boilerplate smaller, which means it loads faster than ever and has cut out some of the mess. It’s definitely worth checking out if you’ve never heard of it before. If you have, I’d still recommend taking a peek to see what’s changed!