Foundation Overlay

This extension creates an overlay for the Foundation grid system

Foundation Overlay – A Grid System Overlay for Foundation Websites

Foundation Overlay is a Chrome extension that displays a grid overlay on any website developed using the Foundation framework. Detecting custom grid widths, it provides a visualization of the website structure, assisting developers in their layout and design works. This tool is a product for web developers customized for the Foundation framework, inspired by a similar tool for Bootstrap, another popular web development framework.

Download

Extension stats

By: Daniel Samuels

Users: 717

-2

Rating: 4.50

(12)

Version: 1.2.1 (Last updated: 2014-10-18)

Creation date: 2014-10-18

Risk impact: High risk impact

Risk likelihood:

Low risk likelihood

Manifest version: 2

Permissions:

storage
activeTab
tabs
<all_urls>

Size: 9.36K

Email: da*****@gmail.com

Ranking

# 35,732 ▲ 144

Other rankings

#7497 in Developer Tools ▼ 16 #12 in overlay keyword 11 ▼ 1 #129 in grid keyword 12 ▼ 7

Other platforms

Not available on Android

Not available on Firefox

Not available on Edge

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

Analyze keywords

Foundation overlay displays the grid overlay on top of your website built on the Foundation framework. It detects custom grid widths, so long as Foundation is using the default container and span classes.

This project was forked from Bootstrap overlay https://github.com/chuckhendo/chrome-bootstrap Feedback is encouraged and welcomed at https://github.com/danielsamuels/chrome-foundation

User reviews

These summaries are automatically generated weekly using AI based on recent user reviews. Chrome Web Store does not verify user reviews, so some user reviews may be inaccurate, spammy, or outdated.

Pros

Great extension for overlaying the default Foundation grid.
Works as advertised.
Very handy tool for alignment.

Cons

Lacks ability to add custom gutters and columns.
No support for nested grids.
Overlay resets after page refresh.

Most mentioned

Need for nested grids.
Desire for custom gutters and margins.
Request for a semi-transparent color overlay for columns.

User reviews

Great extension but needs to have the ability to add custom gutters and columns and other settings beyond the default Foundation stylings.

Danny Lewandowski, 2016-12-28

Works Great, needs nested grid though.

Michael Hudson, 2016-09-17

Great! Overlays default Foundation grid as expected. Feature request - The lines are amazing, but it would be even better if there was a semi-transparent color overlay depicting the columns. Also, as James Stone said, nested grids would be amazing. Is there a way to customize the gutters and margins?