Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Tools and defaults for designing websites in the brower.
JavaScript Ruby CSS

This branch is 439 commits behind master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
css
js
reference/sass
sources
.gitignore
.gitmodules
404.html
README.markdown
apple-touch-icon.png
crossdomain.xml
elements-common.html
elements-html5.html
elements-ui-patterns-drupal.html
elements-ui-patterns.html
favicon.ico
formalize_jquery_demo.html
formalize_jquery_disabled.html
formalize_jquery_errors.html
index.html
robots.txt

README.markdown

The Coding Designer's Survival Kit (http://thecodingdesigner.com)

Overview

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 Fancy Buttons as well.

Requirements

Helpful

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:

Summary:

This is a set of files that a front-end developer can use to get started on a website, with following included:

  1. Cross-browser compatible (IE6, yeah we got that.)
  2. HTML5 ready. Use the new tags with certainty.
  3. Optimal caching and compression rules for grade-A performance
  4. Best practice site configuration defaults
  5. Think there's too much? The HTML5 Boilerplate is delete-key friendly. :)
  6. Mobile browser optimizations
  7. Progressive enhancement graceful degredation ........ yeah yeah we got that
  8. IE specific classes for maximum cross-browser control
  9. Want to write unit tests but lazy? A full, hooked up test suite is waiting for you.
  10. Javascript profiling.. in IE6 and IE7? Sure, no problem.
  11. Console.log nerfing so you won't break anyone by mistake.
  12. Never go wrong with your doctype or markup!
  13. An optimal print stylesheet, performance optimized
  14. iOS, Android, Opera Mobile-adaptable markup and CSS skeleton.
  15. IE6 pngfix baked in.
  16. jQuery, waiting for you
Something went wrong with that request. Please try again.