Redesign With the 960 Grid System
As you can see, I have redesigned the theme of my blog. I’m not entirely happy with the color scheme, such as it is. I was kind of hoping for a look that was more subtle than the Web 2.0 pastels everyone uses these days, but I might end up switching from warm to cool colors soon. The body text face is intended to be Calibri, one of the new set that comes with Vista and the latest versions of Office. I was hoping to put Constantia with it as the serif face, but for some reason neither Safari nor Camino were rendering some characters correctly.
The main reason I’m even bothering to write about this is that I want to plug the 960 Grid System by Nathan Smith, which I am using here. It’s based on the idea that 960 pixels is not only a nice width for a web page — it fits on a 1024×768 display and is not too wide for comfort — but it can be easily subdivided into 12 or 16 chunks to build a page layout. So, you can easily have 2, 3, or 4 equal-width columns, or a combination of unequally-sized ones sized in units of 1/12th or 1/16th the width of the page. The base stylesheet for this defines classes you can apply to divs to produce whatever column layout you want, including stacking different column widths in different vertical parts of the page. It’s really quite simple and surprise-free, and the styles and demo code are available freely under both the GPL and MIT licenses.
Recent Comments