Design Column Overlay

This chrome extension places a dynamic overlay over the current tab so that web engineers can follow configured visual design…

Design Column Overlay is available to install from Chrome Web Store and for download from this page. It has 705 active users The latest version is 0.2, and it was published 2 years ago.

Install from Chrome Web Store
View source code
Total download count: 6 (Only count downloads from Chrome-Stats)

All available versions

You can find the current and older versions of Design Column Overlay here. You can download the archived versions or inspect their source codes.

As a free user, you can only download the latest version.

Upgrade to download older versions
 2 versions available for download.

Install CRX file

Option 1: The easy way (for Windows users only)

  1. Download and run chrome-stats.exe file on your PC. This method will allow you to install Chrome extensions directly from chrome-stats.com in one click. You only need to do this once!
  2. Type in chrome://restart in the URL bar to restart the browser for the changes to take effect.
  3. Download and install the Design Column Overlay CRX file

Option 2: Advanced method

  1. Download Design Column Overlay CRX file
  2. NOTE: Sometimes the browser may block downloading / installing CRX file from outside the Chrome Web Store. If so, you may need to use option 1, or download the ZIP file instead.
  3. In the URL bar, go to chrome://extensions
  4. Enable Developer mode
  5. Drag and drop the downloaded Design Column Overlay CRX file into the Extensions page
  6. When prompted, click Add extension to install Design Column Overlay.

Install ZIP file

  1. Download and unpack the Design Column Overlay ZIP file to a directory of your choice.
  2. In Chrome browser, go to chrome://extensions
  3. Enable Developer mode.
  4. Click on the Load Unpacked button.
  5. Select the directory of with the unpacked Design Column Overlay ZIP file from step 1. Design Column Overlay is now installed on your browser.

Similar extensions

Here are some Chrome extensions that are similar to Design Column Overlay:

Bootstrap grid viewer
Bootstrap grid viewer
Rastislav Hepner
3.00
1,000+
Usability Hike: Find usability problems
Usability Hike: Find usability problems
https://getulmo.com
4.50
768
Grid Layout System
Grid Layout System
carlosguilarte3
5.00
550
Foundation Overlay
Foundation Overlay
Daniel Samuels
4.50
717
Grid System
Grid System
abdullahrafique565
5.00
3,000+
Layout Grid for browser
Layout Grid for browser
hanzochang
4.00
1,000+
SK Grid
SK Grid
Stefan Kuip
5.00
127
CSS Grid Overlay
CSS Grid Overlay
https://imagentleman.github.io
4.43
10,000+
Bootstrap Grid for any Website
Bootstrap Grid for any Website
Tam Nguyen
4.71
4,000+
NOV Grid - Responsive grid overlay
NOV Grid - Responsive grid overlay
Dennis Novriandi
5.00
734
Designer Tools
Designer Tools
https://designer.tools
4.75
80,000+
Dimensions Inspect | Gridman
Dimensions Inspect | Gridman
https://fenvox.com
4.01
10,000+