Dimensions
Item logo image for Dimensions

Dimensions

www.felixniklas.com
Featured
4.1(

451 ratings

)
Item media 1 screenshot

Overview

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

4.1 out of 5451 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Review's profile picture

Bill McKessyMay 3, 2024

indispensable

Review's profile picture

azeazeApr 18, 2024

very useful

Review's profile picture

Jaroslav HolaňApr 18, 2024

A very useful tool. Works great even on macOS.

Details

  • Version
    2.0.5
  • Updated
    March 14, 2017
  • Size
    17.28KiB
  • Languages
    English
  • Developer
    Website
    Email
    mail@felixniklas.de
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has not provided any information about the collection or usage of your data.

Support

Related

Window Resizer

4.3(2.3K)

Resize the browser window to emulate various screen resolutions.

CSSViewer

4.4(366)

A simple CSS property viewer.

Simple Ruler

3.1(16)

Measure it!

Corporate Ipsum

4.8(61)

Generate random corporate double-speak for use as filler text

Designer Tools

4.7(206)

Measure and align elements within Chrome

Measure-it

3.9(36)

Draw a ruler across any webpage to check the width, height, or alignment of page elements in pixels.

Grid Ruler

3.7(326)

Create grids and measure their distance easily.

Page Ruler

3.9(69)

Measure page elements size in pixel with an easy-to-use ruler.

PerfectPixel by WellDoneCode (pixel perfect)

4.4(599)

This extension helps develop your websites with pixel perfect accuracy!

Measuremate

4.6(40)

The ultimate measuring tool for the web

Measure Everything

4.5(34)

Element distance measurement tool.

Better Ruler

4.8(49)

一款网页测量工具,支持吸附测量。为前端开发和ui设计提供便利。

Window Resizer

4.3(2.3K)

Resize the browser window to emulate various screen resolutions.

CSSViewer

4.4(366)

A simple CSS property viewer.

Simple Ruler

3.1(16)

Measure it!

Corporate Ipsum

4.8(61)

Generate random corporate double-speak for use as filler text

Designer Tools

4.7(206)

Measure and align elements within Chrome

Measure-it

3.9(36)

Draw a ruler across any webpage to check the width, height, or alignment of page elements in pixels.

Grid Ruler

3.7(326)

Create grids and measure their distance easily.

Page Ruler

3.9(69)

Measure page elements size in pixel with an easy-to-use ruler.

Google apps