QuickGrid
Item logo image for QuickGrid

QuickGrid

Featured
3.0(

3 ratings

)
ExtensionDeveloper Tools148 users
Item media 1 screenshot
Item media 2 screenshot

Overview

Overlay a grid on any page to aid in designing pixel-perfect sites. Code can be found at: https://github.com/rmartinez93/QuickGrid

This extension overlays a grid on any page to assist you in designing pixel-perfectly aligned websites. All hover and click events continue to operate as expected despite the overlay, allowing you to see how any events affect alignment. This tool is free to use, and open-source; all code can be found at: https://github.com/rubencodes/QuickGrid Copyright © 2020 Ruben.Codes | Ruben Martinez Jr.

3 out of 53 ratings

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

Review's profile picture

Alex Abanto KorneevJun 5, 2018

Needs options... wish I could change grid size and other stuff

1 person found this review to be helpful
Review's profile picture

James TurnerApr 4, 2016

Would be really helpful if the grid was fixed and not scrollable (checkbox option maybe?)

Details

  • Version
    2.0.1
  • Updated
    July 15, 2020
  • Offered by
    @rubencodes
  • Size
    7.54KiB
  • Languages
    English (United States)
  • Developer
    Email
    ruben.martinez93@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

The developer has not provided any information about the collection or usage of your data.

Support

Related

guideLinr

4.1(24)

Photoshop-like guide lines for any page

IBM Grid Checker

0.0(0)

Check how any page lines up with IBM Grid. Just press CTRL+G.

Grid Builder

3.7(10)

Grid Builder extension applies a grid to current web page.

C-Strip

5.0(2)

Strips css from pages on request

Style Adjuster

1.0(1)

Adjust your CSS styles, without taking your eyes off the result.

SK Grid

5.0(2)

Display # columns grid with gutter and page margin

StyleStir

3.0(2)

Get a quick overview of style tags.

Zaqwes Guide Lines

2.4(14)

Layouts every day? Designer or web developer? It will help you to check grid or relative positions of elements on page.

BrowseRules

4.2(4)

Customize the websites you frequent. Use the control panel to create rules - Browser Rules - with Javascript or Jquery and css.

Crosspixel

1.0(3)

Allows to place image above page for creating pixel-perfect HTML markup.

NextIcon

5.0(2)

Easy-to-use icon creation tool.

Grrrid

3.7(22)

A very simple grid system overlay pluggin.

guideLinr

4.1(24)

Photoshop-like guide lines for any page

IBM Grid Checker

0.0(0)

Check how any page lines up with IBM Grid. Just press CTRL+G.

Grid Builder

3.7(10)

Grid Builder extension applies a grid to current web page.

C-Strip

5.0(2)

Strips css from pages on request

Style Adjuster

1.0(1)

Adjust your CSS styles, without taking your eyes off the result.

SK Grid

5.0(2)

Display # columns grid with gutter and page margin

StyleStir

3.0(2)

Get a quick overview of style tags.

Zaqwes Guide Lines

2.4(14)

Layouts every day? Designer or web developer? It will help you to check grid or relative positions of elements on page.

Google apps