HTML5 Boilerplate - A rock-solid default template for HTML5 awesome.

A rock-solid default for HTML5 awesome.

I'm new here: plz explain why it's so awesome, first.

HTML5 Boilerplate is the professional badass's base HTML/CSS/JS template for a fast, robust and future-safe site.

After more than three years in iterative development, you get the best of the best practices baked in: cross-browser normalization, performance optimizations, even optional features like cross-domain Ajax and Flash. A starter apache .htaccess config file hooks you the eff up with caching rules and preps your site to serve HTML5 video, use @font-face, and get your gzip zipple on.

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.

Why it is awesome

Cross-browser compatible (IE6, yeah we got that.)
HTML5 ready. Use the new tags with certainty.
Optimal caching and compression rules for grade-A performance
Best practice site configuration defaults
Mobile browser optimizations
Progressive enhancement graceful degradation … yeah yeah we got that
IE specific classes for maximum cross-browser control
Handy .no-js and .js classes to style based on capability

Why it is awesome-er

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. :)

Want to dive in?

Download Boilerplate 3.0.1 Updated Feb 8th

Download Boilerplate Keep the hints and links or Download Boilerplate "stripped" No comments, just the bizniss. or Customize Boilerplate 100% hipster.

jQuery

Minified Unminified

Server Config

.htaccess nginx.conf web.config

Others

All IE classes script.js & plugin.js Google Analytics Snippet Ant Build Script

Download! Need more options? Visit Initializr

HTML5 Boilerplate is 3.0!

Monday, Feb 6th, 2012

The key feature of this update is making Boilerplate smaller. Most of the changes have been working towards that. We have significant work done to our build script, so much so that we thought it deserved its own repository. Meanwhile, here is what's new.

Changelog

3.0 gets some major updates Here are all the commits since last release.

Should you upgrade existing sites? Short answer: nah, you're good.

Significant changes

Removed a lot of folders: /demos, /test, and /js/mylibs.
Build script is now a separate project, Read about how to get and use the build script
Respond.js is no longer available by default.

index.html

Chromeframe no longer applied via script. IE6 users are served links to install Chromeframe or visit Browsehappy to choose an alternative browser.
Meta viewport updated to prevent iOS scaling bugs.
html IE classes now target lower than a specific version rather than explicitly specified versions.
Switch back to the optimized asynchronous Google Analytics snippet instead of using Modernizr.load.
Drop defer from all scripts to avoid legacy IE bugs.
Design of the 404 has been improved.

style.css

Removed default font sizes and line heights to provide a much better robust default.
Additions made to normalize.css and to provide better default typography.
More robust .ir helper class.
No more forced scrollbars, this impedes projects like jQuery UI, and others in calculating widths.

Project

Updated to Modernizr 2.5
Updated to jQuery 1.7.1
Improved .htaccess

HTML5 ★ Boilerplate

A rock-solid default for HTML5 awesome.

Why it is awesome

Why it is awesome-er