Designer Tools
A collection of tools to help you design and develop websites with precision.
A tool for designers to measure screen dimensions
Review user movement across collected snapshots.
View collected rating snapshots from the latest 7-day window to assess rating stability.
Compare 1-day, 7-day, and 30-day net growth and growth rate.
Review publication date, version, supported languages, and crawl timestamps.
Review the store description, core capabilities, and common use cases.
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
Inspect the latest comments and rating distribution.
Store average score: 4.2. The bars below are calculated from synced review text only, so they may be empty for extensions that have public ratings but no synced comments yet.
Review related products from the Chrome Web Store detail page.
A collection of tools to help you design and develop websites with precision.
Draw a ruler across any webpage to check the width, height, or alignment of page elements in pixels.
Create grids and measure their distance easily.
Measure page elements size in pixel with an easy-to-use ruler.
Drop your mockup on the live page for pixel-perfect comparison with your code.
A pixel ruler for any live web page. Measure distances, inspect the box model, drop guides — DevTools stays closed.
This is one of my favourite extensions for front end development but it's pretty buggy, doesn't always work and I've had to disable it this week since it started disabling the bookmark button. When I try bookmark something this extension button is clicked instead but the extension doesn't start working. Will remain disabled until you fix it.
Love it. Just a curious question about changing shortcode key. I used to "CTRL+D" for adding a current page for bookmark for a long time. Can you tell me how do I change your extension shortcode or disable key activation? (Win7+chrome)
I really like the extension. But as others already mentioned it sometimes doesn't properly intialize. I had to disable it because it overrides the bookmark functionality. If that gets fixed – 5 stars.
It's a very nice and very useful app, the only one problem right now is I cannot add a new bookmark in chrome, I use it on Mac OS X. I saw the same problem happens in Windows, though it works fine in Linux (Ubuntu).
Great concept but like others have mentioned, it overrides the bookmark functionality even when you click add bookmark in the menus. Had to install it.
Just had to switch it off because it overrode my bookmarking functionality in chrome (both clicking the star and ctrl-d)
Doesn't work on canvas. That's like going back to xScope
liked
Un herramienta indispensable!!
Awesome, thanks.