You can set Layout Grid like design tools.
Layout Grid for browser Extension
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.
Source Manifest.json
Similar Extensions
Foundation Overlay 1,000+ 12 ★ 9.14KiB
Grid System 1,000+ 7 ★ 938KiB
Grid Ruler 1,000+ 335 ★ 288KiB
Muriel Grid 1,000+ 0 ★ 8.68KiB
Design Column Overlay 1,000+ 2 ★ 392KiB
Page Ruler 1,000+ 83 ★ 256KiB
Dimensions 1,000+ 454 ★ 17.28KiB
gridView 1,000+ 5 ★ 90.28KiB
CSS Grid Overlay 1,000+ 7 ★ 181KiB
Page Grid 1,000+ 1 ★ 36.74KiB
NOV Grid - Responsive grid overlay 1,000+ 2 ★ 24.98KiB
Bootstrap Grid for any Website 1,000+ 7 ★ 42.21KiB
Grid Layout System 1,000+ 1 ★ 140KiB
Grids by Color Sets 1,000+ 3 ★ 171KiB
Page Grid Ruler 1,000+ 0 ★ 68.01KiB
Grid Lines Ruler 1,000+ 25 ★ 152KiB
Grid Builder 1,000+ 11 ★ 43.28KiB
Bootstrap grid viewer 1,000+ 2 ★ 34.09KiB
Grids & Rulers 1,000+ 5 ★ 31.24KiB
Measuremate 1,000+ 42 ★ 797KiB
Better Ruler 1,000+ 52 ★ 93.66KiB
Responsive Viewer 1,000+ 298 ★ 639KiB
Designer Tools 1,000+ 227 ★ 987KiB
Dimensions Inspect | Gridman 1,000+ 87 ★ 816KiB