Shawn told me about the 960 grid system a few days ago, before I started seeing it all over the Web. Since then, Nathan has written about his creation and released a most excellent package complete with .psd files, and even .pdf pages to print out so you can sketch your next design in perfect alignment.
When I first heard about it I didn’t pay it much mind, but after readopting this old-ish style of mine and being the nit-picky person I am, I wanted all my elements to line up in a perfect and aesthetically pleasing way. I think a grid layout makes the most sense to accomplish that. So I took the 16 column grid, applied it to my site and went about the business of scooting pixels around. Here’s the result:
Even though the basic layout of the site didn’t change, just having all the elements aligned perfectly to a grid makes it look MUCH better, in my opinion. Thank you, Nathan, for putting this together. I know it’s helped me a lot and I fully plan on using it in all my subsequent designs.
6 Comments
Nicely done! I’m humbled by how much people seem to like 960.gs. Also, I see you’re back up and running on Textpattern. Points += 2.
Thanks for the kind words. It’s OK to be humble, but don’t be shocked. The 960gs is superb.
Re: TXP, yeah, that’s why I was asking you about your forthcoming redesign and if you were switching CMS’s, I was glad to hear that you still put a lot of stock in TXP.
Very nice, Ben. I liked this design back when you last switched to TXP.
Thanks, Will. I like it too.
Nice redesign though, I like it. Simple, white(I like white colour actually) and strong grid design.
Maybe next time you can write about the processes to use the 960gs CSS framework in this site.
Wondering if there any CSS framework besides Blueprint and 960.gs
I didn’t actually use any of the 960 CSS. What I did was aligned my site using the principles set forth in the 960 grid system and used my own CSS.
I’m not sure if there are other CSS frameworks.