Dimensions Chrome Extension

A tool for designers to measure screen dimensions.
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 chrome extension in chrome Browser

You can Follow the below Step By Step procedure to install the Dimensions Chrome Extension to your Chrome Web browser.

• Step 1: Go to the Chrome webstore https://chrome.google.com/webstore or download the extension Dimensions Chrome Extension Download from https://pluginsaddonsextensions.com
• Step 2: Now search for the Dimensions in Chrome Webstore Search and click on the search button.
• Step 3: click on the Dimensions Chrome Extension Link
• Step 4: in the next page click on the Add to Chrome button to Download and Install the Dimensions extension for your Chrome Web browser .