ruul. Screen ruler | Web design |

A fantastically simple on-screen ruler for lining up and measuring type, line height, strokes and just about anything on the web.


Ruul is a free to use browser extension for Google Chrome.


It enables Web designers to measure designs, that they find inspirational, in pixels.


Ruul lets users add an overlapping semi-transparent pixel measurements ruler onto the webpage they are viewing.


To add a ruler, users...
- click on the extension icon
- select the ruler colour they would like to use.
- align the ruler horizontally or vertically
- move it around one pixel at a time using the arrow keys on their keyboard.


Note: The mouse can also be used to click on the ruler and drag it.


To measure, users simply take down the reading from the ruler after placing it over the objects they want to measure.

Via John Dalziel