You can set Layout Grid like design tools.

Latest Version

Version
1.0.2
Update
March 28, 2023
Size
952KiB
Developer
Category
Users
1,000+
Rating
4 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
Storage
See more

Layout Grid for browser Extension

Layout Grid for browser:

It is an extension that allows you to lay out a LayoutGrid in your browser like a design tool, for instance, Figma, Sketch, Photoshop, and Illustrator.
And it provides you a high-performance ruler tools.

It is useful for marking up HTML, checking a design, and analyzing any other reference sites.

Recommended for such occasions:
Markup, Designing, Quality assurance.

Features:
- Layoutgrid can be laid out by setting a gap to an arbitrary width.For example, 8px, 16px, 24px...etc. in multiples of 8. For example, a multiple of 10...
- You can immediately start up and measure the number of pixels.
- Simply roll over a line to instantly check the number of pixels
- You can immediately launch the extension by simply clicking on the extension button.
- Once a guide is created, it can be saved as a URL.
- The color of the guide can be changed freely.
- The transparency of the guide can be changed freely.
- The angle of the guide can be changed freely, even to a 45-degree angle.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "short_name": "layout Grid", "name": "Layout Grid for browser", "description": "You can set Layout Grid like design tools.", "version": "1.0.2", "manifest_version": 3, "action": { "default_title": "LayoutGrid" }, "background": { "service_worker": "./static/js/serviceWorker.js" }, "content_scripts": [ { "matches": ["http://*/*", "https://*/*"], "js": ["./static/js/content.js"] } ], "permissions": ["storage"], "icons": { "16": "layoutgrid_16x16.png", "48": "layoutgrid_48x48.png", "128": "onLayoutgrid_128x128.png" }}
Read more

Similar Extensions

icon

Foundation Overlay Extension · Developer Tools 1,000+ 12 ★ 9.14KiB

icon

Grid System Extension · Developer Tools 1,000+ 7 ★ 938KiB

icon

Grid Ruler Extension · Developer Tools 1,000+ 335 ★ 288KiB

icon

Muriel Grid Extension · Developer Tools 1,000+ 0 ★ 8.68KiB

icon

Design Column Overlay Extension · Developer Tools 1,000+ 2 ★ 392KiB

icon

Page Ruler Extension · Productivity 1,000+ 83 ★ 256KiB

icon

Dimensions Extension · Developer Tools 1,000+ 454 ★ 17.28KiB

icon

gridView Extension · Developer Tools 1,000+ 5 ★ 90.28KiB

icon

CSS Grid Overlay Extension · Developer Tools 1,000+ 7 ★ 181KiB

icon

Page Grid Extension · Developer Tools 1,000+ 1 ★ 36.74KiB

icon

NOV Grid - Responsive grid overlay Extension · Developer Tools 1,000+ 2 ★ 24.98KiB

icon

Bootstrap Grid for any Website Extension · Developer Tools 1,000+ 7 ★ 42.21KiB

icon

Grid Layout System Extension · Developer Tools 1,000+ 1 ★ 140KiB

icon

Grids by Color Sets Extension · Developer Tools 1,000+ 3 ★ 171KiB

icon

Page Grid Ruler Extension · Developer Tools 1,000+ 0 ★ 68.01KiB

icon

Grid Lines Ruler Extension · Developer Tools 1,000+ 25 ★ 152KiB

icon

Grid Builder Extension · Developer Tools 1,000+ 11 ★ 43.28KiB

icon

Bootstrap grid viewer Extension · Developer Tools 1,000+ 2 ★ 34.09KiB

icon

Grids & Rulers Extension · Developer Tools 1,000+ 5 ★ 31.24KiB

icon

Measuremate Extension · Developer Tools 1,000+ 42 ★ 797KiB

icon

Better Ruler Extension · Developer Tools 1,000+ 52 ★ 93.66KiB

icon

Responsive Viewer Extension · Developer Tools 1,000+ 298 ★ 639KiB

icon

Designer Tools Extension · Developer Tools 1,000+ 227 ★ 987KiB

icon

Dimensions Inspect | Gridman Extension · Developer Tools 1,000+ 87 ★ 816KiB