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.

Rate your experience

Report this add-on

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).

Used by