Grids & Rulers by Jeremie Patonnier

Create rulers and grids overlays to help develop your web applications

4 (20 reviews)

1,339 Users

You'll need Firefox to use this extension

Download Firefox and get the extension

Download file

About this extension

Grids & Ruler is an extension that add a new panel to Firefox developer tools. That panel let you create and manage overlays on pages that provide you visual hints to develop you web app layouts.

Developer comments

Hi folks!

Thanks for using Grids & Rulers. This version 2.0 is a big change in term of UI but I hope it will be more useful to you. Let me know if you have any kind of feedback that could help improve that extension.

Rated 4 by 20 reviewers

Release notes for 2.0

The extension has been fully rewritten to provide a more compact and flexible UI as well as the following new features and bug fixes:

Grid definition is more bootstrap compatible (if you want different ways to define a grid feel free to open an issue).
All length can be express in any CSS units and calc() is also allowed (be careful with relative units as they are only resolved against the body sizes).
Grids and rulers are now fully persistent on a per domain basis, they'll appear each time you'll open the devtools (and disappear each time you'll close them).
Remove keyboard shortcuts as they were too buggy and not that useful (open an issue if you want them back).
Improve UI accessibility (It can now be fully operated with the keyboard).

Required permissions: