A simple grid line ruler with pixel rulers and cropping functionality to help place content on a webpage in a straight line.
GridMaster with Pixel Ruler and Crop Extension
GridMaster is a simple yet powerful Chrome extension designed to help web designers, developers, and anyone who works with web content to place elements on a webpage in a perfectly straight line. With pixel rulers, customizable grid lines, and a cropping tool, GridMaster makes it easy to ensure precision in your designs.
Key Features:
Grid Lines: Add horizontal and vertical grid lines to your webpage for easy alignment of content.
Pixel Rulers: Measure dimensions and distances accurately with rulers at the top and side of the viewport.
Full-Page Grid: Toggle a full-page grid overlay to see your content's layout at a glance.
Cropping Tool: Easily measure specific areas on the webpage with a crop box that shows pixel dimensions.
Whether you're a web designer looking to align elements perfectly or a developer needing precise measurements, GridMaster is the tool for you.
Read more
Key Features:
Grid Lines: Add horizontal and vertical grid lines to your webpage for easy alignment of content.
Pixel Rulers: Measure dimensions and distances accurately with rulers at the top and side of the viewport.
Full-Page Grid: Toggle a full-page grid overlay to see your content's layout at a glance.
Cropping Tool: Easily measure specific areas on the webpage with a crop box that shows pixel dimensions.
Whether you're a web designer looking to align elements perfectly or a developer needing precise measurements, GridMaster is the tool for you.
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "GridMaster with Pixel Ruler and Crop", "version": "1.1", "description": "A simple grid line ruler with pixel rulers and cropping functionality to help place content on a webpage in a straight line.", "permissions": [ "activeTab", "scripting" ], "action": { "default_icon": { "16": "icons/icon16.png", "48": "icons/icon48.png", "128": "icons/icon128.png" } }, "background": { "service_worker": "background.js" }}
Read more