This article was published on February 14, 2012

HTML5 Boilerplate 3.0 is a rock-solid default that’s leaner than ever


HTML5 Boilerplate 3.0 is a rock-solid default that’s leaner than ever

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.

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!

The <3 of EU tech

The latest rumblings from the EU tech scene, a story from our wise ol' founder Boris, and some questionable AI art. It's free, every week, in your inbox. Sign up now!

➤  HTML5 Boilerplate

http://www.youtube.com/watch?v=NMEB78VX2P0

 

Get the TNW newsletter

Get the most important tech news in your inbox each week.

Published
Back to top