Something to be proud of
I've gotta be proud of the site to keep it going. While the old site was decent it mostly grew organically. Every once in a while I would tweak the stylesheet a lil' bit to fit something in. Generally it was boring for me to write with and that led to low post numbers.
The next refresh had to be good. It had to be grid based, serif dominated, rely very little on images, and have as few vertical lines as possible. Here's how I did it
Grids are powerful
Look no further than this excellent slide deck Khoi Vinh presented on a grid based redesign of the Yahoo homepage. Grids are incredible and totally worth it. The new found sense of structured flexibility has been really inspiring and it's still the first week.
Four 10em columns with 1em gutters
Two 21em columns with 1em gutter between
The power of word shape
I was tempted by Small Caps when writing the short css definitions for post titles. I use them on my resume to good effect and it would have been nice to carry that over here.
Humans have a strong ability to compute meaning from words based on their shape. Stripping words of their ascenders and descenders can really hinder the ability to skim-read. While it would be nice if people read my site with that much care, it is highly unlikely.
Illustrating the ambiguous word shape created by small caps
Keeping things light weight
It's no secret that I enjoy illustrating my blog posts with pictures. The content can be complex but the package is preferably simplistic (think Coke can).
When people think grid they think Excel, or maybe Xs & Os if they're a little younger. Vertical lines aren't necessary to support that concept though. The article text can form at least one strong vertical line implicitly (as I've done here). The others just fall out from whitespace and text justification.
Comments and bug reports are welcome. PS: comments are still chunked into one paragraph so beware!
