Rate it!
[Edit Description]
I often have trouble aligning text and graphics horizontally on the Web. To help horizontally-challenged designers like myself, Wilson Miner wrote a fantastic guide for building pages on a baseline grid. If you do the math right it works beautifully - but I often find myself tweaking and nudging to get every last element snapped in place. To aid that process, I wrote a simple bookmarklet script that overlays a baseline grid atop everything on the page you're viewing.
I'm calling it Syncotype. Either install the Safari/Firefox bookmarklet or add one script tag to your page, and the Syncotype box appears in the upper right. Enter your line height and offset from the top of the page in pixels and Syncotype overlays your baseline in red.
Source (robgoodlatte.com)
[Edit Javascript]
Show Source Code
javascript%3A%28function%28%29%257Bvar%2520script%3Ddocument.createElement%28%27script%27%29%3Bscript.src%3D%27http%3A//s.robgoodlatte.com/syncotype.js%27%3Bdocument.getElementsByTagName%28%27head%27%29%255B0%255D.appendChild%28script%29%3BsetTimeout%28%2522synco_initialize%28%29%3B%2522%2C450%29%3B%257D%29%28%29
line web development
The same with a vertical grid would be really great
