Baseline Checker Bookmarklet

Update: For your forking pleasure, check out the github repository.

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”.

screenshot

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.

Icon credit: Sam Rayner

PS: You might also want to look at jMetronome.

Redesign Music Matters

Ieri am terminat de pus la punct site-ul unor prieteni din nimic.org:

noul design Music Matters

CMS: WordPress

Temă de bază: Sandbox

Paletă de culori: Je ferme les yeux

Custom plugin: Random Media Widgets (afişează în mod aleatoriu câte un video YouTube, respectiv câte un audio Trilulilu, dintre cele existente în articolele postate)

Ce am învăţat

Cum să combin diferite moduri de a obţine colţuri rotunjite.