MeasureIt is a firefox extension which draw a ruler across any webpage to check the width, height, or alignment of page elements in pixels. A very useful extension for developer, designers or even blogger. Sometimes its interesting to have an idea about distances in a page, to be inspired from other sites or to study ads placement inside the page.

MeasureIt

The extension even small could be very useful. After installing MeasureIt :

  • click the MeasureIt button MeasureIt icon 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