
Grids & Rulers by Jeremie Patonnier
Create rulers and grids overlays to help develop your web applications
Extension Metadata






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.
Report this add-on for abuse
If you think this add-on violates Mozilla's add-on policies or has security or privacy issues, please report these issues to Mozilla using this form.
Please don't use this form to report bugs or request add-on features; this report will be sent to Mozilla and not to the add-on developer.
This add-on needs to:
- Store unlimited amount of client-side data
- Access your data for all websites
- Add-on Links
- Version
- 2.0
- Size
- 36.69 KB
- Last updated
- 8 months ago (May 11, 2020)
- License
- MIT/X11 License
- Version History
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).
- There are no ratings yet
- There are no ratings yet
- There are no ratings yet
- There are no ratings yet
- There are no ratings yet
- There are no ratings yet
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.