Grid Lines Ruler
Create grids on pages that provide the developers visual hints to help in developing the web app layouts.
What is Grid Lines Ruler?
Grid Lines Ruler is a Chrome extension developed by v & g, and its main feature is "Create grids on pages that provide the developers visual hints to help in developing the web app layouts.".
Extension Screenshots
Download Grid Lines Ruler Extension CRX File
Download Grid Lines Ruler 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
⬇️Easy to set up ⬇️:
1. Download and add this extension from Google Chrome.
2. Click on the extension to activate its working.
3. Drag from both Vertical ↕️ or Horizontal ↔️ from the main ruler to create grids. #️⃣
4. Click on the intersection of vertical and horizontal grids to go into ruler mode.
5. Press and hold the “SHIFT” button to get a straight line.
✨Features ✨:
1. 🆓 & super Easy to set-up. 🆓
2. Creates vertical and horizontal grids. #️⃣
3. A ruler 📏 to measure distance between your grids too.
📌Pin our extension to create and manage overlays on pages to provide you the visual hints to develop the web app layouts. Extension Basic Information
| Name |  Grid Lines Ruler |
| ID | efbjomaifkkegoiioihfcallbkfgibbo |
| Official URL | https://chromewebstore.google.com/detail/grid-lines-ruler/efbjomaifkkegoiioihfcallbkfgibbo |
| Description | Create grids on pages that provide the developers visual hints to help in developing the web app layouts. |
| File Size | 152 KB |
| Installation Count | 2,000 |
| Current Version | 0.0.0.1 |
| Last Updated | 2022-09-26 |
| Publish Date | 2022-09-26 |
| Rating | 4.63/5 Total 24 Ratings |
| Developer | v & g |
| [email protected] | |
| Payment Type | free |
| Supported Languages | en |
| manifest.json | |
{
"update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
"name": "Grid Lines Ruler",
"description": "Create grids on pages that provide the developers visual hints to help in developing the web app layouts.",
"version": "0.0.0.1",
"manifest_version": 3,
"icons": {
"16": "logo\/16.png",
"32": "logo\/32.png",
"48": "logo\/48.png",
"96": "logo\/48.png",
"128": "logo\/128.png"
},
"content_scripts": [
{
"matches": [
" | |
