HTML and CSS Reference
Once you've added the primary CSS, feel free to add orientation styles and mobile
browser styles. You'll find these under the section beginning with the comment:
* Media queries for responsive design
* These follow after primary styles so they will successfully override.
Finally, customize the favicon and Apple touch icon. That should be as easy as replacing
the current icons included in the boilerplate files.
While it's fairly simple to get a basic HTML5 site started with HTML5 Boilerplate, to
really get the most out of the boilerplate you'll want to study the online documentation
to understand some of what is going on with the code.
For instance, if you don't understand the classes that the boilerplate includes in the
HTML (such as the IE body classes or the image-replacement class), you won't be able
to take advantage of these useful bits of CSS in your site. Similarly, if you don't know
how to implement the IE6 .png fix that's included with the boilerplate, that script will
turn out to be fairly useless.
Additionally, there may be some things you'll want to get rid of, if you don't use them:
you can delete the IE6 .png script if you don't care about supporting IE6, and you can
delete the .htaccess file if you aren't on an Apache server. Knowing what is included in
the boilerplate makes it easy to trim it down to include only what you need.
That's not to say you need to spend hours poring over the documentation to understand
every bit of its inner workings. You might as well create your own boilerplate, if you
go through all that trouble.
However, it will behoove you to get an overview of the pieces that make up the
boilerplate; that way, if there is something you think may be useful for your site, you
can study that bit in more detail.
The Official Guide to HTML5 Boilerplate at http://net.tutsplus.com/tutorials/html-css
-techniques/the-official-guide-to-html5-boilerplate/ and the HTML5 Boilerplate Docu-
mentation at http://html5boilerplate.com/docs/ .