boy icon indicating copy to clipboard operation
boy copied to clipboard

:boy: A very opinionated, lightweight version of HTML5 Boilerplate with conditionally-loaded polyfills and an opinionated CSS reset for firing up web projects in no time.

⚠️ I gave the boy npm package name to someone else. Don't use it for this project anymore!

A very opinionated, lightweight, version of HTML5 Boilerplate with conditionally-loaded polyfills and an opinionated CSS reset for firing up web projects in no time.


Boy comes with a handy project launcher so you can spin up a Boy boilerplate with all the relevant files pulled freshly from this repo:

$ # npm i -g boy <-- THIS NO LONGER WORKS. I GAVE THIS NPM PACKAGE NAME TO SOMEONE ELSE
$ boy foo

Features

  • A lightweight/2-space batch of HTML5 Boilerplate features
    • index.html (with all the fluff removed)
    • .editorconfig (modified to 2 spaces)
    • .htaccess
    • Harsher outdated browser warning (warns on IE9 instead of IE8)
  • Minified and sourcemapped :rage3: reeeset (opinionated Normalize.css for the real world)
  • Polyfills for IE8 and below a la :heart: ie-love
  • Empty/valid package.json for quick npm install --save-devs
  • .gitignore for Node, Bower, and Sass

Where's Modernizr?

Modernizr isn't included by default for a few reasons.

  1. I very rarely actually use Modernizr.
  2. You should create your own custom build of Modernizr and put it at the bottom of the document if possible. Read Paul Irish's comment on it.
  3. @supports is going to be here soon.