HTML5 Boilerplate hooks you the eff up
It’s been a while since I’ve made a regular ‘ol website. Every once in a while I get this nagging feeling that I’m out of the loop: tricks and techniques are discovered, best practices are replaced with bester ones, frameworks are adopted and abandoned. All this has been passing me by while I toil away in Sorta-Java Land (albeit a happy toiling). Just how far and how quickly am I falling behind?
A few nights ago, Paul Irish and Divya Manian answered that question with profound clarity by releasing HTML5 Boilerplate into the world:
HTML5 Boilerplate is The Grail, a rock concert, a mother’s embrace, Frankenstein’s monster, a speeding train, a panacea, and a motherfucker of a website template. I mean, yes please:
- 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
- Think there’s too much? The HTML5 Boilerplate is delete-key friendly. :)
- Mobile browser optimizations
- Progressive enhancement graceful degredation …….. yeah yeah we got that
- IE specific classes for maximum cross-browser control
- Want to write unit tests but lazy? A full, hooked up test suite is waiting for you.
- 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.
- IE6 pngfix baked in.
- jQuery, waiting for you
Not to mention that the site is as gorgeous as it is functional. Love that hot pink text selection.
The Boilerplate revealed to me how much my knowledge is lacking, but at the same time promised me that everything is going to be okay. I now have a home base from which I can launch myself through hyperspace and hypertext, amassing the latest and greatest weapons for my web design arsenal.
Every front-end developer in the world needs to watch this project closely. Even if you don’t need it as a template, think of it as a centralized, constantly updated repository of absolutely essential development techniques.