Blueprint CSS Framework

by Jason on April 30, 2009

The past few projects I’ve worked on, I’ve opted to use the Blueprint CSS Framework.

Blueprint offers several things that truly make a developer happy:

  1. Small footprint
  2. Instant cross-browser compatibility
  3. Simple grid-based framework that allows for the creation of simple to complex web designs
  4. The grid is completely customizable.
  5. Did I mention cross-browser compatibility?

I’ve always considered myself fairly fluent with CSS, but nothing is more frustrating than wasting a few hours getting things to line up properly in all browsers when you could be spending that time making the product more stable or adding new features.

Blueprint CSS uses a CSS Reset style, and then sets very nice (yet configurable) defaults for fonts, font sizes, alignment, grid, etc. For those who aren’t aware, a CSS Reset style is essentially a few lines of cleverly crafted CSS that removes the default options browsers set for things like font sizes, alignment, and a variety of tag defaults. This dramatically improves ones ability to make a site cross-browser compatible, but requires that you manually set options you aren’t used to setting. Luckly Blueprint does this for you.

Ok, that’s enough support for Blueprint today. I’m not saying everyone should use it, but I’d highly recommend it. It saved me a ton of time and I’ve always been extremely happy with the results.