Dimensions
Item logo image for Dimensions

Dimensions

www.felixniklas.com
Featured4.1(

443 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 5443 ratings

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

Review's profile picture

Oleksandr DubivFeb 14, 2024

Perfect!

Review's profile picture

Judy BarnettJan 30, 2024

doesn't work on mac at all.

7 out of 13 people found this helpful
Review's profile picture

Rahul DakshJan 17, 2024

Much useful for UI Developers

4 out of 4 people found this helpful

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

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

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.4(28)

Element distance measurement tool.

Better Ruler

4.8(47)

A page ruler which can snaps around web elements for easier measurement. Provide convenience for front-end development and ui design

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

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

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

Google apps