Layout Grid for browser
Item logo image for Layout Grid for browser

Layout Grid for browser

Featured
4.0(

1 rating

)
Item media 1 screenshot

Overview

You can set Layout Grid like design tools.

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.

4 out of 51 rating

Google doesn't verify reviews. Learn more about results and reviews.

Review's profile picture

Andy HallFeb 8, 2024

Tremendously useful tool, wish I'd found it much sooner. The grid is easy to use and set up. Unfortunately doesn't seem to allow for saving settings and you have to disable it to RClick an element into inspector. I gave this 3* I really want to give this more stars - those 2 features are worth a star each. [EDIT] You know what, after using this extension for another day, the RClick an element issue isn't really a problem, so now it's a 4* extension :)

1 person found this review to be helpful

Details

  • Version
    1.0.2
  • Updated
    March 28, 2023
  • Offered by
    hanzochang
  • Size
    952KiB
  • Languages
    English
  • Developer
    Email
    hanzo.chan.dev@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Layout Grid for browser has disclosed the following information regarding the collection and usage of your data. More detailed information can be found in the developer's privacy policy.

Layout Grid for browser handles the following:

User activity

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

Related

SK Grid

5.0(2)

Display # columns grid with gutter and page margin

gridView

3.4(5)

A simple tool for web designers/developers to see the grid on any website with custom columns, colors and more.

CSS Grid Overlay

4.4(7)

Easily check the grid alignment of your page across breakpoints.

Grid Builder

3.7(10)

Grid Builder extension applies a grid to current web page.

Foundation Overlay

4.5(12)

This extension creates an overlay for the Foundation grid system

Grid System

5.0(5)

Grid System is a simple, beautiful and interactive grid generator.

Designer Tools

4.8(209)

Measure and align elements within Chrome

Grid Ruler

3.7(328)

Create grids and measure their distance easily.

Gridman - front-end toolkit

4.0(90)

Swiss army knife for front-end developers

Muriel Grid

0.0(0)

A responsive grid overlay, based on the Muriel Design System.

Page Ruler

3.9(69)

Measure page elements size in pixel with an easy-to-use ruler.

Dimensions

4.1(452)

A tool for designers to measure screen dimensions

SK Grid

5.0(2)

Display # columns grid with gutter and page margin

gridView

3.4(5)

A simple tool for web designers/developers to see the grid on any website with custom columns, colors and more.

CSS Grid Overlay

4.4(7)

Easily check the grid alignment of your page across breakpoints.

Grid Builder

3.7(10)

Grid Builder extension applies a grid to current web page.

Foundation Overlay

4.5(12)

This extension creates an overlay for the Foundation grid system

Grid System

5.0(5)

Grid System is a simple, beautiful and interactive grid generator.

Designer Tools

4.8(209)

Measure and align elements within Chrome

Grid Ruler

3.7(328)

Create grids and measure their distance easily.

Google apps