HTML5 Boilerplate is a professional front-end template for building web applications or sites. It's chock-full of cross-browser compatibility features, CSS resets, base styles, and optional server configs to give your project the best possible start.
When you start a new project, it's unlikely you start with a blank HTML file. You probably have some kind of starting template, or your IDE builds a rough file with some elements preloaded. That's what HTML5 Boilerplate is: a starter template to use on all your projects. HTML5 Boilerplate is built and used by some of the most respected names in the industry, and is packed full of standards-compliant and browser-friendly code to make sure that all of your projects get off on the right foot.
Chris is a freelance WordPress theme and plugin developer, one half of the design studio Arcane Palette Creative Design, lead developer of WordPress theme shop Museum Themes and Project Manager for the event management plugin Event Espresso. In his free time, he makes electronic music.
Getting HTML5 Boilerplate Now let's talk about getting yourself a copy of HTML5 Boilerplate. There are actually quite a few different options, and I'm going to walk through each one. In this module, I'll show you how to download the project files from the HTML5 Boilerplate site, cloning the project via GitHub, which is also the easiest way to get the additional optional files like the server configs, and downloading three different customized variations of HTML5 Boilerplate, including one that combines HTML5 Boilerplate with Twitter Bootstrap. Let's get started.