Show grid lines directly on any web page and also calculate pixel distances between elements.
Hex-Grid Extension
After activating the extension, you can build grids by pulling out vertical lines from the left of the web page and pulling out horizontal lines from the top of the web page.
Delete grid lines by selecting on the line to focus and using either the Backspace or Delete keys.
Calculate pixel distances by clicking to select the starting point and moving the cursor to the destination element.
Toggle the visibility of grid by right-clicking and selecting Toggle Grid Visibility.
Source Manifest.json
Similar Extensions
Dimensions 92 454 ★ 17.28KiB
Guide lines 92 3 ★ 9.17KiB
Grid Ruler 92 335 ★ 288KiB
Page Ruler 92 83 ★ 256KiB
Zaqwes Guide Lines 92 14 ★ 83.35KiB
Better Ruler 92 52 ★ 93.66KiB
Grid Builder 92 11 ★ 43.28KiB
guideLinr 92 25 ★ 53.25KiB
Measuremate 92 42 ★ 797KiB
Hexcord 92 1 ★ 16.83MiB
Page Grid Ruler 92 0 ★ 68.01KiB
Guides 92 10 ★ 14.65KiB
Grid Lines Ruler 92 25 ★ 152KiB
CSS Grid Overlay 92 7 ★ 181KiB
Grids & Rulers 92 5 ★ 31.24KiB
Baseliner 92 45 ★ 205KiB
Ruler Measurement 92 40 ★ 122KiB
SnapGuide 92 14 ★ 194KiB
Grid System 92 7 ★ 938KiB
8 Pixel Grid Reference 92 3 ★ 13.1KiB
Guided Lines for awesome web developers 92 1 ★ 210KiB
Designer Tools 92 227 ★ 987KiB
Dimensions Inspect | Gridman 92 87 ★ 816KiB
PixelParallel by htmlBurger 92 65 ★ 223KiB