We use the Blueprint CSS Framework a lot here at AWP. It’s saved us untold amount of time worrying about Cross-browser compatibility issues (I’m looking at you, IE6), and the typography settings are fantastic.

There’s a lot of times, though, where the standard Blueprint setup just doesn’t work. Maybe you want a site thinner than 950 pixels, or need larger spacing between columns, or any number of issues that are a pain with the standard Blueprint setup. Usually, to change things like this, you have to go and recalculate your column sizes widths and margins, and then write them all in by hand.

But hey, someone went and did the hard work for you, and though this is linked off of the Blueprint Code site, it needs to be better known: a javascript page to generate your own Blueprint CSS Grid. Just type in your max size, number of columns, desired margins, etc, and it creates it all for you, it even has a compressed version.

Nice.