Design by Elle

Boulton Mark, (June 2007). Incremental Leading.

“… how do we reduce that line-height whilst still adhering to the vertical rhythm we’ve established…”

CSS Howto, (January 2007). CSS & The Baseline Grid

Includes a definition, a visual example and an overview of the formula to use.

Daggett Mark, Baseline and Grid Template on Locus Focus.

“This document shows the various ways text can be changed yet remain consistent to the baseline grid. The fonts will be set to a base unit of 12 pixels with a leading of 6 pixels of leading in between lines.”

Granell Craig, (January 2008). Better Web Typography on .net Magazine.

A tutorial on aligning type to a vertical rhythm.

Magain Matthew, (April, 2007), Typography: Baseline Rhythm Deciphered on Site Point.

Another article on the subject that includes considerations for baseline calculations.

Rutter Richard, (December 2006). Compose to a Vertical Rhythm on 24 ways.

Probably the first article that started the discussions on vertical rhythm.

Rutter Richard, (2007). Choose a basic leading that suits the typeface, text and measure and Add and delete vertical space in measured intervals. The Elements of Typographic Style Applied to the Web, Rhythm and Proportion, Vertical Rhythm.

Wilson, Miner, (April, 2007). Setting Type on the Web to a Baseline Grid on A List Apart.

An easy overview and examples.

Tools

Drewish.com, CSS with Vertical Rhythm

Online tool to help compute CSS that has a consistent vertical rhythm in px units.

Goodlatte Rod, (July 2007). Syncotype your Baselines

A simple bookmarklet script that overlays a baseline grid atop everything on the viewed page.

Grosenbach Geoffrey, Baseline Rhythm Calculator

Another baseline grid calculator using px units and auto-generated CSS rules.

Softpedia, CSS Typography Calculator 1.0

A widget that calculates the relative font size and line height for your CSS document in order to align your website’s content to a baseline grid.

Whitaker, James, (January 2008). Em based layout—vertical rhythm calculator.

A flash-based calculator that allows you to add and remove rules. It is also available as an Adobe Air application download to your desktop.