Dimensions
Item logo image for Dimensions

Dimensions

www.felixniklas.com
Featured
4.1(

446 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 5446 ratings

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

Review's profile picture

Luca CandelaMar 28, 2024

doesn't work on Mac

Review's profile picture

Begum DawlatyanMar 21, 2024

Wow i love this tool! Big Thumbs up from a Product Designer!!

Review's profile picture

Oleksandr DubivFeb 14, 2024

Perfect!

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(367)

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(195)

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(323)

Create grids and measure their distance easily.

Page Ruler

3.8(66)

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

PerfectPixel by WellDoneCode (pixel perfect)

4.4(596)

This extension helps develop your websites with pixel perfect accuracy!

Measuremate

4.6(39)

The ultimate measuring tool for the web

Measure Everything

4.5(30)

Element distance measurement tool.

Better Ruler

4.8(47)

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

Window Resizer

4.3(2.3K)

Resize the browser window to emulate various screen resolutions.

CSSViewer

4.4(367)

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(195)

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(323)

Create grids and measure their distance easily.

Page Ruler

3.8(66)

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

Google apps