joshuaclayton / blueprint-css
A CSS framework that aims to cut down on your CSS development time
Tools and Resources
Cheat Sheets and Templates
- Cheat Sheet for version 0.8 by GJMS [PDF, 40kb]
- Cheat Sheet for version 0.7.1 by GJMS [PDF, 39kb]
- Grid Tool for Adobe Air Creates a grid image that you can lay over your live project view
- Paper Grid [A4, PDF, 53kb] You can print this out and use it to visualize/sketch your layouts, wireframes, etc.
- Illustrator Template for Comps
- Photoshop Template for Comps
- Illustrator Template for Comps
Code Generators
- BlueCalc CSS Generator — BlueCalc v0.8 is great, but if you have more than 24 columns you might need to fix grid.css by adding your extra div.span classes to line 46 (and other similar lines)
- Blueprint Grid CSS Generator
- Blueprint CSS Architect [ BROKEN LINK ]
Layout Editors (WYSIWYG)
Language-specific Utilities
- CSS Mixin PHP Script [PHP] Mixes CSS classes to provide more meaningful styles
