Baseline grid - CSS typography

Yesterday I finished book
CSS Cookbook, Second Edition

Interesting book, recommend. To be more concrete, it was interesting to learn about text sizing technique. Read about 62.5 technique, widely used in css world.

At the same time read interesting article on A List Apart How to size text in css. Author in the several iterations showed how to define font size which will be the same for all main browsers.


<style type="text/css">

body{ font-size:100%; line-height:1.125em; }
bodytext p { font-size:0.875em; }
.sidenote { font-size:0.75em; }
</style>
<!--[if !IE]>-->
<style type="text/css">
body { font-size:16px; }
</style>
<!--<[endif]-->

This article is rich for useful links so I did some research.
I found very interesting topic.

Baseline grids

Very popular technique.
Setting Type on the Web to a Baseline Grid author showed how to code grided page. Result here.

Interesting method you can use
background image, to check your page. Here you can find set of such backgrounds.

Here series of articles about such grid systems: One, two, three, four, five.

The most interesting was YUI tool. It’s generator of table layout. It can even generate liquid layout. Drawback - is not very friendly names of css classes.

Also you can use Blueprint framework.

I like it. It also has generator layout generator .
Unfortunately it doesn’t generate liquid layout.

In Russian

Comments

Are you human

You can use simple HTML-formatting tags(like <b>, <ul>, <code> and others)

Wow free space!
Super hosting provider might be here!

Is it Google?