Blueprint CSS Cheat Sheet
Update: Hello new readers! Here's the latest set of Blueprint Cheat sheets:
Also, make sure to check out the Blueprint home page and join the mailing list for updates! Thanks!
Original post continues here: 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!
44 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
- Pingback: 30+ CSS Cheat Sheets & Quick Reference Guides : Web Design Resources Blog & Graphics Blog with Lists of Web Site Design Tools on December 7, 2008
- Pingback: 30+ CSS Cheat Sheets & Quick Reference Guides(?) - YeJun on December 8, 2008
- Pingback: CSS Cheat Sheets and Quick Reference « Veechaar-The Insight on December 12, 2008
- Pingback: 28???????????? « on January 5, 2009
- Pingback: Web Designers ???? Cheat Sheet ??????????????????????????? | Web Design G on February 19, 2009
- Pingback: 20 mémos utiles pour tout webdesigner on April 2, 2009
- Pingback: Pack de referencias CSS | CSSBlog ES on April 6, 2009
- Pingback: ???? » 50+???????????????? on April 7, 2009
- Pingback: 38 nützliche Cheat-Sheets | tagdocs.de on April 14, 2009
- Pingback: 70+ Practical Cheat Sheats For Web Designers And Developers - Feed It on April 14, 2009
- Pingback: 70+ Practical Cheat Sheets For Web Designers And Developers - Feed It on April 16, 2009
- Pingback: Top Gossips » Blog Archive » 70+ Practical Cheat Sheets For Web Designers And Developers on April 16, 2009
- Pingback: 70 guias rápidas para diseñadores y desarrolladores web on April 30, 2009
- Pingback: Fabián Link » Herramientas para Desarrollo en CSS on May 5, 2009
- Pingback: List of Really Useful Tools for CSS Developers | Designeezy on May 6, 2009
- Pingback: List of Really Useful Tools for CSS Developers « Vandhematharam on May 7, 2009
- Pingback: Herramientas para trabajar con css | e-abaco on May 7, 2009
- Pingback: Herramientas para trabajar con css | e-abaco on May 7, 2009
- Pingback: Herramientas para trabajar con css « Distro-Geek… on May 10, 2009
- Pingback: List of Really Useful Tools for CSS Developers | W3Avenue | cssOrigins.com | Design Blog, Tutorials, Tips, SEO Optimization, and Wordpress Publishing Platform on May 19, 2009
- Pingback: Web?????? « Lizus - PSD to xHTML & CSS Javascript,????,????,wordpress????,???? ??QQ? 675223823 on May 20, 2009
- Pingback: 100+ Must Have Cheat Sheets For Web Designers & Developers | Online Business Guide on August 17, 2009
- Pingback: 50+???????????????? | ???? on August 19, 2009
- Pingback: Powerful and Userful CSS Tools to saving your time – Part III on August 25, 2009
- Pingback: ?????? ???????? ???????????? ??? CSS ???????????? « Digital Lifestream on September 9, 2009
- Pingback: » ?????? ???????? ???????????? ??? css ???????????? on September 18, 2009
- Pingback: ?????????????| Resource| ???? on October 10, 2009
- Pingback: Useful CSS Tools and Resources | Design for the Web on October 20, 2009
- Pingback: 65?????????????????? | NANDE on October 23, 2009
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.
Suggest the pdf file is made to fit A4 paper, as not all printers have a "fit to page" option.
????? ?????. ????? ?? 5+. ?????? ?????????? ???????? ??? Wordpress ?????? ?????! R?? ?? ?????? ??? ??????????? ?? A4.