Created: 2011-07-07 05:02
Updated: 2015-06-28 04:24


The Coding Designer's Survival Kit (


This is a collection of Design-in-Browser tools and some great default markup. The idea here is that when you're designing in the browser you need something to design, and some great helpers to get your ideas onto the screen with as little friction as possible. I'm starting with the excellent HTML5 Boilerplate for the default markup. I've forked the css slightly but plan to mostly stay in sync with that project as it applies to the motive here. I'm also including some html files with common markup that needs to be designed for.

  • index.html is empty and contains no content
  • elements.html includes a collection of standard html elements
  • I will be including others soon, including basic forms, content pages, sidebars, footers, etc

This also includes a Sass / Compass folder that starts with some very clean defaults. I can't include those projects in this one, so you'll need to install Sass and Compass to get started with these, and I encourage you to install Susy and other projects like Fancy Buttons as well.



Acknowledgements, Installation, & Documentation

License (inherited from HTML5 Boilerplate):

Major components:

  • Modernizr: MIT/BSD license
  • jQuery: MIT/GPL license
  • DD_belatedPNG: MIT license
  • YUI Profiling: BSD license
  • HTML5Doctor CSS reset: Creative Commons 3.0 BY
  • CSS Reset Reloaded: Public Domain

Everything else:

Cookies help us deliver our services. By using our services, you agree to our use of cookies Learn more