Log in
Preview of Grids & Rulers

Grids & Rulers by Jeremie Patonnier

Create rulers and grids overlays to help develop your web applications

4 (20 reviews)
1,315 Users
Download Firefox and get the extension
Download file
Screenshots
Rulers configuration interfaceExample of custom rulersGrids configuration interfaceExample of some grid overlaysExample of grids an rulers mixed togetherDark theme for the UI (in French)
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

Star rating saved

5
11
4
4
3
0
2
3
1
2
Permissions and dataLearn more

Required permissions:

  • Access your data for all web sites
More information
Version
2.0
Size
36.69 kB
Last updated
5 years ago (11 May 2020)
Related Categories
Version History
Add to collection
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).