A lightweight, up-to-date version of HTML5 Boilerplate with conditionally loaded polyfills and a nice general reset for amazing CSS3 support back to IE6.
- HTML5 Boilerplate
- Modernizr
- Conditionally loaded Selectivizr for IE6-8 CSS3 selectors
- Conditionally loaded Respond for IE6-8 media queries
- Conditionally loaded calc() Polyfill for IE8
calc()
usage - Conditionally loaded CDN and local jQuery
- Reset:
- Normalize.css
- Helper clearfix class (
.cf
) box-sizing
polyfill for IE6-7 applied to all elements IE7 and below- Apply
box-sizing: border-box
to everything - Remove all
margin
andpadding
- Force vertical scrollbar to prevent page bounce
max-width: 100%
to make a plethora of HTML elements responsive by default- Generic styling for IE9 and below browser warning
You can easily grab a zip of this, or clone it, every time you want to create a new project. Or you can make use of the command line tool, boy-npm, to quickly create Boy projects on-the-fly.
npm install -g boy
boy foo
to install to thefoo
directoryboy .
to install to the current directory
If you like this project then I encourage you to check out a few of my other projects that go great with Boy.
- Lost Grid - Quite simply the best grid out there in every comparison available. Simple yet incredibly powerful.
- Typographic - Insanely powerful yet easy-to-use responsive typography. Includes vertical rhythm, font stacks, modular scale, and more.