Compare Chrome extensions: Grid Ruler vs Dimensions

Stats Grid Ruler Grid Ruler Dimensions Dimensions
User count 100,000+ 200,000+
Average rating 3.73 4.13
Rating count 323 446
Last updated 2014-04-15 2017-03-14
Size 289.79K 17.70K
Version 0.2.1 2.0.5
Short description
Create grids and measure their distance easily. A tool for designers to measure screen dimensions
Full summary

It allow you to creates vertical and horizontal grids, Photoshop style.

It has a ruler to measure distance between your grids too.

#How to use:

  • drag from main vertical/horizontal ruler to create grids.
  • click on intersection of vertical ruler and horizontal ruler to go into ruler mode.
  • while in ruler mode, hold <Shift> key to get a straight line.

This extension measures the dimensions from your mouse pointer up/down and left/right until it hits a border. So if you want to measure distances between elements on a website this is perfect. It doesn't really work with images because there the colors change a lot pixel to pixel.

Images & HTML Elements

Measure between the following elements: images, input-fields, buttons, videos, gifs, text, icons. You can measure everything you see in the browser.

Mockups

Your designer handed you mockups as PNGs or JPEGs? Just drop them into Chrome, activate Dimensions and start measuring.

Keyboard Shortcut

See more