Firefox Extensions
MeasureIt 0.3.8 
Draw a ruler across any webpage to check the width, height, or alignment of page elements in pixels.
Download MeasureIt 0.3.8 (17.9K) »
Instructions for Use
- click the MeasureIt button
in the status bar or toolbar to turn it on/off
- click and drag out a ruler box
- click and hold to move the ruler box
- CTRL + Arrow Keys to nudge ruler by 1 pixel
- CTRL + SHIFT + Arrow Keys to nudge ruler by 5 pixels
- click the "X" to close that ruler or click outside of it to begin drawing another ruler
- ESC key to turn off MeasureIt
Future Features
- horizontal and vertical center guidelines
- resizable ruler box
- different units
- multiple measurements at once
- pin measurement boxes to page
- optional settings (e.g. button location, visibility,background lightening, etc.)
- option to create box from pointer out in all directions
- snap to page objects edges
- scalable ruler units
- activate in right-click context menu and keyboard shortcut
- show object (e.g. div, table, img) width on mouseover
- show grid over page behind MeasureIt ruler box
- drag-and-drop rather than two click to draw ruler box
- moveable measurement box
- fine tune/nudge box with keyboard arrows
- ESC key turns off MeasureIt
Known Issues (in order of importance)
- Jittery artifacts when moving ruler box (Fx 1.5)
- MeasureIt does not override general div styles that may be set on webpages (e.g. http://shootout.alioth.debian.org)
- when page refreshes, ruler closes yet value still set to "on"
- no scrolling individual frames in frameset
- flash objects disappear when MeasureIt is activated
- proper MeasureIt status shown when toolbar button not being used
- prevent nudged or dragged ruler from leaving upper left page bounds
- second (y-component) click not calculated correctly scrolled page
- toolbar dissappears when second click is too close to right edge of page
- add marker showing position of first click
- 1px width or height doesn't refresh ruler box or show 1px line
- brief flash when large ruler area is changed
- ruler button doesn't light up (#fff) when MeasureIt is on
- ruler toolbar "X" close button doesn't show depressed state
- no ruler ticks showing (ver. 0.2)
- ruler doesn't activate on framed site
- measureit doesn't work when viewing an image only
- multiple measureit boxes and headers can occur
- better draggable box accuracy
- fixed CSS error with semicolon before "!important" directive (thanks Alfonso!)
- tested and updated to work w/Firefox 2
Updated 6/10/2008
« Back to Extensions
|