51 Setting type

I do agree with Mandy, the sidebar type should be set to a leading that is appropriate to it’s size and face and this can vary on each page, not the size and face of the paragraph it sits next to. This is a common mistake I have seen.

posted at 01:38 pm on February 20, 2010 by kareng

52 text.gridder.js baseline typography ruler tool

You could add the gridbg.gif to all your pages, or make custom ones if your baseline is not always 18px—OR you could try this handy JavaScript bookmark link (follow url below to find it) and have it dynamically overlay grids for you on top of any page you visit:

http://github.com/mikesmullin/Text-Gridder

Enjoy! :)

posted at 11:41 pm on March 4, 2010 by smullindesign

53

As much as the choice of type is important, the appropriate use of typographic measurements and white-space is an important tool of the trade when setting type for the web.

posted at 02:19 am on February 19, 2011 by msinkula

54 Tips on Baseline Grid Loving

Thanks for bringing a favorite print topic of mine to the web design table!

To help with the calculation of baselines, and picture heights, I use InDesign to do my early mockups. It might seem unheard of in the web world, but I have found that it helps me test the look and feel of my grids in advance before committing to a single grid, and the time and investment needed to calculate each individual piece of the site.

And once I’m in the implementation phase, I always keep a post-it note full of grid multiples (18, 36, 54, … and way up) on my screen for resizing pictures, and setting CSS info on the fly.

posted at 05:26 pm on August 28, 2011 by lousmith