Foundation Overlay Foundation Overlay

Developer Tools
Version: 1.2.1
Last Update: 2014-10-18

Overview

Foundation Overlay is a Chrome extension developed by Daniel Samuels. According to the data from Chrome web store, current version of Foundation Overlay is 1.2.1, updated on 2014-10-18.
808 users have installed this extension. 12 users have rated this extension with an average rating of .

This extension creates an overlay for the Foundation grid system

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

Rating

12 ratings
5
4
3
2
1

Total Installs

808

Information

Last Update

2014-10-18

Current Version

1.2.1

Size

9.14KiB

Author

Daniel Samuels

Website

None

Category

Developer Tools

Foundation Overlay Alternatives

Name Category Rating Rating Count Installs
extension logo Grid Ruler Developer Tools
(313) 100,000+
extension logo Dimensions Developer Tools
(435) 200,000+
extension logo Bootstrap Grid Overlay Developer Tools
(44) 20,000+
extension logo CSS Grid Overlay Developer Tools
(6) 10,000+
extension logo NOV Grid - Responsive grid overlay Developer Tools
(3) 387
extension logo Grrrid Developer Tools
(22) 1,000+
extension logo Bootstrap Grid for any Website Developer Tools
(4) 3,000+
extension logo Gridman - CSS Grid inspector. Ultra Fast! Developer Tools
(48) 10,000+
extension logo LiveReload Developer Tools
(806) 100,000+
extension logo Emmet Re:view Developer Tools
(161) 30,000+
extension logo Grid Builder Developer Tools
(9) 856
extension logo Grid System Developer Tools
(2) 395
extension logo SK Grid Developer Tools
(2) 120
extension logo GriDesign Developer Tools
(0) 14
extension logo Muriel Grid Developer Tools
(0) 228
extension logo Bootstrap Grid Generator Productivity
(3) 551
extension logo PerfectPixel by WellDoneCode (pixel perfect) Developer Tools
(584) 300,000+
extension logo Baseliner Developer Tools
(45) 6,000+
extension logo Designer Tools Developer Tools
(140) 50,000+
extension logo UX Check Productivity
(78) 50,000+
extension logo CSS Peeper Developer Tools
(316) 400,000+
extension logo CSS Dig Developer Tools
(52) 10,000+
extension logo PixelParallel by htmlBurger Developer Tools
(63) 10,000+
extension logo Emmet LiveStyle Developer Tools
(351) 20,000+

Latest Reviews

See More

avatar Danny Lewandowski
2016-12-28

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

avatar Michael Hudson
2016-09-17

Works Great, needs nested grid though.

avatar Kathryn Martin
2015-04-24

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?

avatar John Puddephatt
2014-09-22

Great! :)

Another feature request - it would be great to have the option to have a vertical grid that matches the base line-height... vertical rhythm is really important!

avatar Jeff Swearingen
2014-06-27

Seconding James' comments above. It's a very handy extension. One feature request is to have the option of keeping the overlay on after a page is refreshed. I'm working with live refresh via Grunt so I'm constantly having to turn it back on again every time I save a page I'm working on. Regardless, it's still a great tool.