Blueprint CSS Cheat Sheet
People were asking about a cheat sheet for Blueprint… a reference page with all the important class names that you can print out and keep on your desk. Fortunately, Alejandro Vasquez of digitart.net posted one to the mailing list over the weekend, and just in time! Here's the direct link to the PDF: Blueprint CSS Cheat Sheet [PDF]. Join the BP Google group to keep up with news about Blueprint! Update: A new cheat sheet is available for version 0.7+, you can get it here: Blueprint CSS Cheat Sheet.
15 Trackbacks/Pingbacks
- Pingback: Bram.us » Blueprint CSS Cheatsheet on November 12, 2007
- Pingback: Nachlese Oktober 2007 - Die Seiten des Monats | Nachlese | Dr. Web Weblog on November 13, 2007
- Pingback: Best Of October 2007 | Best of the Month | Smashing Magazine on November 13, 2007
- Pingback: Best Of October 2007 | Blog on November 13, 2007
- Pingback: { Studio Rhoad } Media Design & Photography» Blog Archive » Best Of October 2007 on November 13, 2007
- Pingback: ??? » Smashing Magazine 2007?10??? on November 18, 2007
- Pingback: i say that » Blog Archive » Best Of October 2007 on December 13, 2007
- Pingback: » CSS Collection 2008 CSS Concept: CSS can be just that easy.. on May 25, 2008
- Pingback: CSS Model » Blog Archive » CSS Cheat Sheets on August 23, 2008
- Pingback: Useful Cheat Sheets for Web Designers - Six Revisions on September 7, 2008
- Pingback: Useful Cheat Sheets for Web Designers on September 7, 2008
- Pingback: Useful Cheat Sheets for Web Designers - KDI Media - Savannah, GA on September 8, 2008
- Pingback: Hojas de ayudas y trucos útiles para diseñadores web » Cosas sencillas on September 8, 2008
- Pingback: Hasznos segédletek | I build websites on September 13, 2008
- Pingback: Webclave.com » Blog Archive » Useful Cheat Sheets by sixrevisions.com on September 29, 2008
The "Basic Setup" block uses smart quotes instead of straight quotes in the HTML. This doesn't matter so much when working off a print-out (as opposed to a copy-and-paste example), but might be worth fixing for the .1 release.
-Nitpicker.
Adam, thanks for catching that, I'll forward it on to the person who made it.
If blueprint was good and simple, we didn't need a cheatsheet.
These class names just don't work if you haven't written them.
If you can't write your own css "library", forget it and get back to Dreamweaver.
Ac: Please read the following post: Semantify
thanks for the cheatsheet…
Nice, Christian! Thanks!
Hey!
Great Stuff Christian, thanks for this! I have it printed.
nice!
I see how to do columns. How do I do row spacers with Blueprint? For now, I'm doing just a div start and end tag with a non-breaking space inside and no class assignment.
Volo: I'm not sure what you mean by row spacers…
He means using divs as spacers which is bad practice… how would you suggest using blueprint and creating gaps between spans both horizontally and vertically.
I wouldn't suggest relying on Blueprint for that… if you need to apply various spacing to your rows, you would give each one an ID and in your custom CSS, apply margins to those rows. If you want every container to have some extra spacing, then you can just modify the "container" class in your custom CSS.
Ok. That's what I've been doing so far but I just wondered if Blueprint had a facility to take care of that.
Cheers.