28 Sep '13, 1am

A vertical rhythm calculator for CSS. Hint: try baseline heights 50% larger than the base font size.

Baseline Rhythm Calculator See also Webtypography and SXSW lecture by Richard Rutter. Calculator by Geoffrey Grosenbach . In use at PeepCode Screencasts (see also explanation ). Base Font Size (in px) Base Line Height (Rhythm, in px) Calculate CSS (autogenerated) h1 Page Title p.small text: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec vitae nulla. Donec elementum sagittis nulla. Nullam eget pede sed metus accumsan faucibus. Sed tincidunt, purus quis auctor vestibulum, quam purus sollicitudin sapien, id mattis leo felis eu sem. Maecenas et neque. Aenean porttitor diam sodales tellus. Quisque dapibus. Aenean ut est eget nunc fermentum tristique. Nam placerat ipsum sit amet purus. Sed nec nunc sed est fringilla mollis. Maecenas porttitor. Aenean tincidunt tincidunt nisl. Sed id elit ullamcorper libero varius scelerisque. Proin posuere gravida tellus. Nunc d...

Full article: http://topfunky.com/baseline-rhythm-calculator/

Tweets