Grids & Rulers

Create grids and rulers overlays to help develop your web applications

What is Grids & Rulers?

Grids & Rulers is a Chrome extension developed by https://jeremie.patonnier.net, and its main feature is "Create grids and rulers overlays to help develop your web applications".

Extension Screenshots

screenshot
screenshot
screenshot
screenshot
screenshot
screenshot

Download Grids & Rulers Extension CRX File

Download Grids & Rulers extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

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

Extension Basic Information

Name Grids & Rulers Grids & Rulers
ID kaippllfihpjicemabbbcljbmcpccabl
Official URL https://chromewebstore.google.com/detail/grids-rulers/kaippllfihpjicemabbbcljbmcpccabl
Description Create grids and rulers overlays to help develop your web applications
File Size 31.24 KB
Installation Count 4,203
Current Version 2.0
Last Updated 2020-05-22
Publish Date 2020-05-22
Rating 5.00/5 Total 3 Ratings
Developer https://jeremie.patonnier.net
Payment Type free
Extension Website https://github.com/JeremiePat/grids-and-rulers
Help Page URL https://github.com/JeremiePat/grids-and-rulers
Supported Languages en,fr
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 2,
    "name": "__MSG_extensionName__",
    "description": "__MSG_extensionDescription__",
    "version": "2.0",
    "default_locale": "en",
    "icons": {
        "16": "img\/icon.16.png",
        "32": "img\/icon.32.png",
        "48": "img\/icon.48.png",
        "64": "img\/icon.64.png",
        "96": "img\/icon.96.png",
        "128": "img\/icon.128.png"
    },
    "permissions": [
        "storage",
        "unlimitedStorage"
    ],
    "background": {
        "scripts": [
            "lib\/chrome-polyfill.js",
            "background.js"
        ]
    },
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "js": [
                "lib\/chrome-polyfill.js",
                "content\/js\/grids.js",
                "content\/js\/rulers.js",
                "content\/main.js"
            ],
            "css": [
                "content\/css\/grids.css",
                "content\/css\/rulers.css"
            ]
        }
    ],
    "devtools_page": "devtools.html"
}