Introducing GridBase
Thursday, September 25th, 2008If you’re anything like me you’ve had a hard time making sure your CSS layout and typography are using a consistent grid and baseline. While I have now decided to start using a CSS framework such as 960.gs, BluePrint or Typogridphy after reading Jeff Croft’s posts on the topic, these frameworks are not ideal for all situations. You may want to use an unusual grid width or fluid layout which may be easier to make a custom layout for rather than hacking someone else’s framework to your liking.
With that in mind I felt it would be useful to be able to see the baseline and grid while I’m coding. Especially useful if you use the EditCSS tool in Chris Pederick’s Web Developer Toolbar extension for Firefox. What I have made is a simple jQuery plugin that gives you a customisable overlay showing either the grid, the baseline or both. So without further ado, I give you GridBase.