Grid Systems

Antonio Carusone mailed me to announce his new project, The Grid System, a site (obviously enough) about grid systems. Now, I don’t normally post about things from mailouts or press releases, but since I’m particularly partial to a good grid and I’ve already found a couple of useful things on this site that I’ve found interesting and even bookmarked, I reckon I’d end up writing about this anyway. So, go and have a look.

What did I bookmark though? Well, Syncotype for one. It’s a bookmarklet, i.e. a bit of javascript you can bookmark and then run on any page you’re viewing, that overlays a baseline grid on your page. I have an 18px baseline grid on this site, which often ends up being broken by images I post not having a multiple of that as their height. It’s certainly something I could solve with a bit of extra javascript of my own (or even something server side) to ensure the height of a containing element of an image is indeed a multiple of 18px or a round number of ems, but I’ve not got around to it yet.

vertical-grid

Also, there’s the problem of whether such automatic measures are even appropriate. For a while I cropped and trimmed all images to a set of heights to match the baseline, but sometimes it just doesn’t fit the image and I found adding extra padding to the container (a paragraph tag in this case) actually spoiled the vertical rhythm of the page. I decided that as this site is a single column that it would be the apparent vertical rhythm that was important, rather than the real one. I wonder how other people solve the problem? Or even if they do…