Jun 19

960 CSS framework

I was recently introduced to the 960 CSS framework by my bosses at work. Basically, it's supposed to make it easier to lay your site out using CSS, by dividing the design into columns then using the framework to add certain classes to the containers to make it all work. So far, I don't know if I prefer it over manually writing the layout CSS myself, but I'm going to hold off on an opinion until I've used it on a few more sites, as I've only built one site using it so far (opencountry.co.nz).

One thing I thought would be a handy addition to this framework would be some way to overlay the grid onto the site you're working on, so you can test whether your containers are inline. So, being the developer I am, I went ahead and built a page to do so. As an example of how it works, enter http://www.opencountry.co.nz into the URL field at the top right.