Over a million developers have joined DZone.

HTML5 Boilerplate 3.0 Has Arrived

DZone's Guide to

HTML5 Boilerplate 3.0 Has Arrived

· Web Dev Zone ·
Free Resource

Jumpstart your Angular applications with Indigo.Design, a unified platform for visual design, UX prototyping, code generation, and app development.

A new HTML5 Boilerplate update is available, with the most significant change being a reduction in size.  Other significant changes include:

For those not in the know:

HTML5 Boilerplate is a professional front-end template that helps you build fast, robust, adaptable, and future-proof websites. Spend more time developing and less time reinventing the wheel. It is the product of many years of iterative development and combined community knowledge.

-- HTML5Boilerplate.com

For those already using a previous version of the boilerplate, you might be wondering if you need to upgrade your site to the new version:

Nope. So far there have been no critical bugs within our code that we've fixed from version to version. There are some nice changes that reduce your stress, but updating your HTML or CSS to the new versions is probably more effort than it's worth.

-- HTML5Boilerplate.com

Other significant changes include:


  • Meta viewport updated to prevent iOS scaling bugs.
  • Design of the 404 has been improved



  • Additionas made to normalize.css and to provide better default typography
  • No more forced scollbars, this impedes projets lik jQuery UI, and others in calculating widths.



  • Updated to Modernizr 2.5
  • Updated to jQuery 1.7.1
  • Improved .htaccess

-- HTML5Boilerplate.com


The build script now has its own GitHub Repository, and full list of comments since the previous release are also available.  Also, be sure to check out the HTML5 Boilerplate Documentation which has a wealth of knowledge for HTML5 developer.

Take a look at an Indigo.Design sample application to learn more about how apps are created with design to code software.


Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}