Grid Ruler icon

Grid Ruler

by tgohn

v0.3.0 Updated Oct 17, 2024 288KiB
CWS
100K
Users
★ 3.76
341 reviews
#179
of 32K
developer
#18 of 2.3K
⚠️Not updated in over a year

Description

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.
Grid Ruler screenshot 1Grid Ruler screenshot 2Grid Ruler screenshot 3

Reviews (66 cached)

★☆☆☆☆2022-10-29
Poked Armory

Nothing happened when I clicked on the extension.

★☆☆☆☆2021-06-07
Krzysztof Kiełb

Unusable

★☆☆☆☆2021-01-30
vinod T

not working on iframe window

★☆☆☆☆2020-11-18
蔡索菲

it's not working on chrome windows10, no measurement at all. I don't know why it has such high mark

★☆☆☆☆2020-03-24
Faruk

doesnt work on macbook pro

★☆☆☆☆2019-12-02
Robert Janaszek

Unusable

★☆☆☆☆2019-10-05
Anna Esterhazy

no cm

★☆☆☆☆2019-08-17
Ahmed Mubarak

It works with neither some websites nor index.html page!!

★☆☆☆☆2018-10-01
Santiago

I couldn't figure out how to use it.

★☆☆☆☆2018-07-16
Mantas Kantautas

the horizontal rulers can not be dragged down. Ofc this may be a compatibility issue with Ubuntu 18.04 Lts, but nevertheless it doesn't work.

★☆☆☆☆2018-04-26
Christian Wilson

Great for drawing line but It was supposed to MEASURE the distance between the two point like an actual ruler.

★☆☆☆☆2018-03-20
Margot Balch

If it doesn't work for you immediately, don't bother troubleshooting. I've tried: - Restarting chrome - Restarting my machine - Visiting the support page (useless) If you're lucky and it works like it seems to for every second person, I'm happy for you...

★☆☆☆☆2017-11-10
Chris Eller

Draws line and nothing else. NO dimensions can't set PIXELS (the display unit of measurement). I read the instructions, clicked and clicked and clicked and shift clicked and shift clicked and shift clicked on lines and intersections--NOTHING. Maybe this just doesn't work in Chrome.

★☆☆☆☆2017-11-09
Emma Lecours

I needed a pixel count. I didn't realize that this extension doesn't do that. So to me this extension is useless as a ruler.

★☆☆☆☆2017-06-06
Willq

Where is a pixel values? Without them it's useless...

★☆☆☆☆2017-04-12
Piotr Kulas

Doesn't show dimensions

★☆☆☆☆2017-04-05
Natalia SC

Doesn't give measurements and doesn't work when using developer tools

★☆☆☆☆2016-12-07
robert wakeford

I could draw the grid lines but could not seem to enter ruler mode to make measurements.

★☆☆☆☆2016-10-31
Rohit Kumar (Bittu)

NOT WORKING

★☆☆☆☆2016-06-12
wp-hero

It doesn't work.

★☆☆☆☆2016-04-29
Michael 1

don`t work

★☆☆☆☆2016-04-10
Vadim Bardachev

Doesn't work as described - no ruler

★☆☆☆☆2015-10-13
Madhu Sudhan

> Not able to move the straight line to the right part of the screen !!! > Not able to measure pixel value

★☆☆☆☆2014-09-27
Maxim Savenko

No ruller. Just grid. Can't measure. Doesn't work as described...

★★☆☆☆2025-08-15
Oliver Tripp

Decent Tool. Nothing more. The color of the lines you're drawing is not changeable therefore this tool can't be used for many things. Would be an easy fix to give users the ability to change colors, this should be done. The ability to save a grid-layout would also be beneficial.

★★☆☆☆2023-07-12
Tamakamasa Iwasaki

The function to measure the px of a selection of pages is not working well these days.

★★☆☆☆2019-09-09
Shaw Hu

Doesn't work.

★★☆☆☆2019-03-04
Adel Sanhaji

Would be helpful to have a tooltip with px distances, or an indication on grids

★★☆☆☆2018-08-25
Damian Pietrzyk

Measuring a distance between rulers doesn't work.

★★☆☆☆2018-07-10
Michael

Great, but as a lot of people are writing below, it doesn't appear to actually give you the measurements - Is this possible?

★★☆☆☆2018-06-26
Yasen Sayed (Developer YSM)

Thank you for the extension but this was working on local with out run Xampp fix it again please

★★☆☆☆2018-04-17
Bartosz Dotryw

Limited functionality

★★☆☆☆2018-03-29
Noelle Campbell-Smith

was looking for a ruler - on screen grid isn't useful to me

★★☆☆☆2018-02-06
Daniel Richardson

If this works, it's not intuitive. I followed the instructions and didn't get any measurements. If it was called "Grid Lines" then I would have no room for criticism. Rulers need to give measurements.

★★☆☆☆2017-03-28
Matt Leibold

Doesn't show the distance in pixels between two lines.

★★☆☆☆2016-03-28
David Redl

Does not work in device mode. The rulers will show up but clicking and dragging does not create lines. May be because you can no longer turn off touchscreen emulation in device mode?

★★☆☆☆2015-01-07
Maciej Maciejewski

Measuring a distance between rulers doesn't work. This plugin is usless for me without this feature.

★★☆☆☆2014-09-04
Jeremy Dawes

Would be good if the ruler showed pixels.

★★☆☆☆2014-08-19
Piotr Pliszczynski

the idea of rulers is good, but miss some functionality like, pixel values and measuring between guide lines

★★☆☆☆2014-07-23
Autopten Car Finder

It doesn't show the distance between two margins, making it totally useless, please fix. Thanks!

★★☆☆☆2014-06-24
Vishal Arora

ruler is not showing size...i tried but their are some bugs i think...i m removing it bye...Grid Ruler

★★★☆☆2026-02-21
Manu Gupta

This is a great extension but with a limitation of Overlay Guide not working with Device Toolbar (in inspect element when we check web page in different screen size). If this can be incorporated. Thanks

★★★☆☆2023-12-09
Ajit Waghmare

Apart from the responsive mode bug, this tool is very helpful.

★★★☆☆2023-09-08
Terje Nesthus

Its a cool plugin, but it does not work in responsive mode, you cannot click the rulers

★★★☆☆2023-01-15
Luiza Schmidt

It doesn't work well when you are inspecting the page or testing responsiveness in chrome dev tools. So the tool isn't as complete as it could be, mainly when it comes to front end development.

★★★☆☆2022-05-02
Nina Musillo

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)

★★★☆☆2022-04-06
Den Kong

How to remove grid line? or the straight line created in "ruler mode"?

★★★☆☆2021-07-12
Albert

There aren't any pixel values.

★★★☆☆2020-11-03
J M

Why can't I change the color of the rulers?

★★★☆☆2020-11-02
李天宇

I use https://chrome.google.com/webstore/detail/measuring/cibkjdgbiinfkjoikhmnjpcoidgfafob instead of this extension

Permissions (2)

Permissions

activeTab Can access the current tab when you click the extension scripting Can inject scripts into web pages

Details

Version 0.3.0
Updated Oct 17, 2024
Size 288KiB
First Seen Mar 21, 2026