Genkiness

3 Blueprint CSS tips, tutorials, techniques & resources

• Photoshop Template for Blueprint CSS Comps

  urlgreyhot

  "I created an Adobe Photoshop template for creating comps that work with Olav Bjorkoy's Blueprint CSS Framework. The Photoshop template is simply a document with vertical guides based on the 24 units provided by Blueprint. A layer is provided to show unit numbers if you like, and 2 layers showing the grid dividing into thirds and quarters."

  Blueprint CSSPhotoshop

• Illustrator Template for Blueprint CSS Comps

  urlgreyhot

  "I created an Adobe Illustrator template for creating comps that work with Olav Bjorkoy's Blueprint CSS Framework. The Illustrator template is simply a document with guides based on the 24 units provided by Blueprint. A layer is provided to show unit numbers if you like, and 2 layers showing the grid dividing into thirds and quarters."

  Blueprint CSSIllustrator

• CSS Frameworks + CSS Reset: Design From Scratch

  Smashing Magazine

  "Using frameworks, you can get yourself a perfect default stylesheet and markup, save your time and ensure the best quality of your code from the very beginning."

  Blueprint CSSCSSCSS FrameworksYUI Library