Baseline Checker Bookmarklet

If you're a web designer, you're probably familiar with the typographical concept of "baseline rhythm".

While tackeling the problem on this site, all I could find was baseline rhytm calculators. Sure, that helps a little, but it wasn't quite what I needed. So I wrote this bookmarklet, creatively named "Baseline Checker".

What it does

It draws equally spaced horizontal lines on top of a webpage. The position and the distance between the lines is calculated in reference to a particular element on that page.

With it, you can see for yourself if the baseline is consistent or not.
How to use it

1. "Install" the bookmarklet by dragging ( Baseline Checker ) to your bookmarks menu.
2. Go to a webpage and then click the bookmarklet.
3. Click an element on the page.

Source (scribu.net)


Download Bookmarklet:


View Bookmarklet Code:

Bookmarklet Source Code:

javascript%3A%28function%28%29%7Bif%28typeof%28baseline_checker_bookmarklet%29%3D%3D%27function%27%29return%28baseline_checker_bookmarklet%28%29%29%3Bjs%3Ddocument.createElement%28%27script%27%29%3Bjs.type%3D%27text/javascript%27%3Bjs.src%3D%27http%3A//scribu.net/tools/baseline-checker/load.js%3Fv%3D%27+%28Math.random%28%29%29%3Bdocument.getElementsByTagName%28%27head%27%29%5B0%5D.appendChild%28js%29%3B%7D%29%28%29%3B


Rate it:


Tags:

Comments

Comments so far. Add yours.