Dimensions
A tool for designers to measure screen dimensions
Create grids and measure their distance easily.
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.
It allows web developers to create vertical and horizontal grids, Photoshop style.
It has a ruler to measure distance between your grids too.
# How to use:
- click & drag from main vertical/horizontal ruler to create grid guides.
- click on intersection of vertical ruler and horizontal ruler to go into measurement mode.
- while in measurement mode, hold `Shift` key to get a straight line.
Inspect the latest comments and rating distribution.
Store average score: 3.8. 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 tool for designers to measure screen dimensions
A collection of tools to help you design and develop websites with precision.
Drop your mockup on the live page for pixel-perfect comparison with your code.
一款网页测量工具,支持吸附测量。为前端开发和ui设计提供便利。
Measure page elements size in pixel with an easy-to-use ruler.
Easily check the grid alignment of your page across breakpoints.
Thank you, very simple !
Nothing happened when I clicked on the extension.
Me es de mucha utilidad, muchas gracias
Really Loved it! SO HELPFUL!
Excellent ruler tool but I only figured it out because I have experience in photoshop and illustrator. I don't think beginners will have an easy time trying to use it.
I liked that rulers stays persistently after being added to the page while still allowing to continue interacting with the page. Along with following the explanation here in the comments how to switch to measurement-mode, this tool solves at least 90% of my problems. The explanation about measurement-mode, btw, is the following: 1. when rulers are enabled (visible), click on the top left corner of your page (a rectangular space between the left and top ruler) > you should see the rectangle is turned to be blue 2. do a mouse-left-click anywhere on the page and start dragging (just like you'd do to draw a line in any graphical editor) > you should see a segment is drawn along with a label with a distance specified Optionally you can hold Shift button while drawing the line to make it strictly vertical or horizontal – that also helps a lot!) Tnx!
I've been using it for 1 month and the point I'd like to make is that sometimes it just stop working, I click on the extension but it doesn't work. But in general it's a great extension.
The grids are cool and I managed to figure out how to get the actual measurement function to work. Im rating 3 stars because it took me 10 minutes to figure out the ruler...because the website page I was testing it on it doesn't work. I tried a different website and the ruler worked. Extension should function regardless of the platform the website was built with (joomla in this case)
How to remove grid line? or the straight line created in "ruler mode"?
I've been using it for years and I love it. But I never got to make it work while on mobile/responsive view. The clicks are just ignored. It would be perfect if it worked on mobile/responsive view