Dimensions chrome extension

Version: 2.0.5
Dimensions
A tool for designers to measure screen dimensions
4.18 Based on 435 user rates

What is Dimensions?

Dimensions is a developer tools chrome extension. it's a free extension and is featured in Developer Tools, it has 200,000+ active users since released its first version, it earns an average rating of 4.18 from 435 rated user, last update is 2611 days ago.


What’s new in version 2.0.5?

                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

You can start and stop dimensions with the ALT + D shortcut.


# Area Boundaries

Wanna get the radius of a circle? Is text standing in your way? Press Alt to measure the dimensions of a connected area.


# Open Source

Dimensions is Open Source and hosted on Github. Want to port it to Firefox? Go ahead and fork it. Pull requests are welcome! https://github.com/mrflix/dimensions            

How to install Dimensions?

You could download the latest version crx file or older version files and install it.


Preview of Dimensions


Technical Features:

  • Latest Version: 2.0.5
  • Requirements: Windows Chrome, Mac Chrome
  • License: Free
  • Latest update: Tuesday, March 14th, 2017
  • Author: Felix Niklas

Dimensions Available languages:

English.


FAQ


Reviews of dimensions:


Rob Davis January 4th, 2023
Rob Davis

It sort of works and it sort of doesn't. First you have to make sure the extension icon is lit for the site you are trying to measure. Then you have to fight the browser. The ALT+D shortcut just highlights the address bar. For some pages and some CSS elements it snaps to the wrong things making it useless, but for others it works fine. YMMV


Mārtiņš Zeltiņš October 31st, 2022
Mārtiņš Zeltiņš

This extensions works great unless the zoom level for the page is changed. Then the extension does not work anymore.


Shneor Nagar September 1st, 2022
Shneor Nagar

it's working fine for me.. BTW if you have a popup on your site (or any other element with a very high z-index) just add this lines on the main style.css .fn-noCursor { z-index: 1000001; } .fn-dimensions { z-index: 1000000; } and you can even change to your favorite color as well ;) .fn-axis { background: royalblue; }

Read more review & comments of dimensions