efbjomaifkkegoiioihfcallbkfgibbo
Create grids on pages that provide the developers visual hints to help in developing the web app layouts. 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.
Gridlines
Photoshop-like draggable gridlines with rulers Gridlines is a sleek, intuitive, and powerful Chrome extension that brings Photoshop-inspired grid functionality right to your browser. Whether you're aligning elements, planning layouts, or just adding a bit of design precision, Gridlines makes it effortless. Key Features: - Draggable Gridlines: Enjoy Photoshop-like gridlines and rulers that let you drag and position with precision. - Instant Toggle: Quickly activate or hide rulers and gridlines using the convenient Alt+Shift+G shortcut. - Session-Specific Settings: Each tab session saves its own gridline positions and overlay state, keeping your work exactly where you left it. - Manual Gridline Addition: Precisely place a single gridline by inputting its position in the unit of your choice (px, cm, mm, in, or %). - Customizable Grid Overlay: Instantly overlay a grid on the screen with adjustable spacing and units for a tailored workspace. - One-Click Clear: Reset your canvas in a flash by clearing all gridlines with a single click. Ideal for web developers, designers, and anyone who values precision, Gridlines transforms your browsing experience into a customizable design tool. Try Gridlines today and bring professional-grade organization to your workflow!
Guide lines
Easily check the visual alignment of the page elements. Get a vertical guide (line) and a horizontal guide that follow your mouse and go across the entire viewport. Useful to quickly check the alignment of elements in a page.
Page Grid
Add a simple grid to any page with adjustable size, and color. Page Grid is an extension that enables you to draw an adjustable grid layout on any page. To work with this addon, please navigate to a webpage and then press the toolbar button once. Once the addon is active, the toolbar icon is blue. For the inactive state, the toolbar button is gray. You can change the grid position (X/Y), line color, size, order (z-index), and line width (in pixel unit) via the extension options page. Reloading the active tab or pressing the toolbar button again will remove the grid from the page. To report bugs or request a new feature, please fill out the bug report form on the addon's homepage (https://mybrowseraddon.com/page-grid.html).
Liner. The Real Ruler
Simple and convenient rulers for web developers. They help to create a perfect pixel web application.
