Layout Grid for browser
You can set Layout Grid like design tools.
What is Layout Grid for browser?
Layout Grid for browser is a Chrome extension developed by hanzochang, and its main feature is "You can set Layout Grid like design tools.".
Extension Screenshots
Download Layout Grid for browser Extension CRX File
Download Layout Grid for browser 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
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. Extension Basic Information
| Name |  Layout Grid for browser |
| ID | bbdnijijeinpiofenalkidmomaibgcno |
| Official URL | https://chromewebstore.google.com/detail/layout-grid-for-browser/bbdnijijeinpiofenalkidmomaibgcno |
| Description | You can set Layout Grid like design tools. |
| File Size | 952 KB |
| Installation Count | 725 |
| Current Version | 1.0.2 |
| Last Updated | 2023-03-28 |
| Publish Date | 2022-09-04 |
| Rating | 4.00/5 Total 1 Ratings |
| Developer | hanzochang |
| [email protected] | |
| Payment Type | free |
| Extension Website | https://hanzochang.com/ |
| Help Page URL | https://hanzochang.com/ |
| Privacy Policy Page URL | https://turquoise-keeper-45e.notion.site/d377a9c044484f58a3f5c785525537a7 |
| Supported Languages | en |
| 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"
}
} | |
