DevRuler

A Firefox web-extension that adds a browser action icon to the toolbar and provides some helper tools to web developers.

Currently it provides:

1. show/hide an horizontal ruler similar to the one provided by Firefox developer tools, but more customizeable
2. show/hide a Bootstrap (See: https://getbootstrap.com/) responsive breakpoints ruler

Both the above tools are customizable using the add-on options page.

DevRuler in action

Settings panel

Install for testing purpose

1. Open "about:debugging" in Firefox URL bar
2. Click "Load Temporary Add-on"
3. Select any file within the extension's directory

License

MIT License