Skip to content


Subversion checkout URL

You can clone with
Download ZIP
Tools and defaults for designing websites in the brower.
JavaScript Ruby CSS
Pull request Compare This branch is 298 commits behind master.

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.


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
  • You'll find many other, 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.

Getting Started

I've created an intro screencast and a video podcast about using the Kit while designing in the browser at The Coding Designer



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:

Something went wrong with that request. Please try again.