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 doesnt 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
You can Follow the below Step By Step procedure to install the Dimensions Chrome Extension to your Chrome Web browser.
It is the Dimensions Chrome extension download link you can download and install Chrome Browser.
Element distance measurement tool.
Measure it!
This extension helps develop your websites with pixel perfect accuracy!
The ultimate measuring tool for the web
A simple CSS property viewer.
A page ruler which can snaps around web elements for easier measurement. Provide convenience for front-end development and ui design
Measure page elements size in pixel with an easy-to-use ruler.
Measure and align elements within Chrome
Create grids and measure their distance easily.
Draw a ruler across any webpage to check the width, height, or alignment of page elements in pixels.