onidle(…)

I wrote about the Yahoo! UI CSS components a while back. At the time I found an interesting article about vertical rhythm in Web typography. The article, Compose to a Vertical Rhythm from the 2006 24Ways list explains the how’s and why’s of nice-looking typography on the web. Turns out the Yahoo! UI Reset stylesheet is a great way to start with this technique since it basically “zeros out” all font sizes in a effort to achieve cross-browser rendering nirvana.

Fast-forward a few months… Geoffrey Grosenbach recently redesigned the PeepCode site using the same techniques for the type. Richard Rutter, author of the 24ways article, gave a talk at SXSW on the topic. What’s more, Geoffrey has published a great tool, the Baseline Rhythm Calculator, to generate the required CSS to implement Richard’s technique. Combine this with YUI Reset and you have good looking type with almost zero effort. Very nice! There are links to other relevant articles on the calculator’s page. Go check it out!