Foundation Overlay
Item media 1 screenshot

Overview

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

4.5 out of 512 ratings

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

Review's profile picture

Danny LewandowskiDec 28, 2016

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

Review's profile picture

Michael HudsonSep 17, 2016

Works Great, needs nested grid though.

Review's profile picture

Kathryn MartinApr 24, 2015

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?

Details

  • Version
    1.2.1
  • Updated
    October 18, 2014
  • Offered by
    Daniel Samuels
  • Size
    9.14KiB
  • Languages
    English (UK)
  • Developer
    Email
    daniel.samuels1@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

Dimensions

4.1(451)

A tool for designers to measure screen dimensions

Layout Grid for browser

4.0(1)

You can set Layout Grid like design tools.

Muriel Grid

0.0(0)

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

SK Grid

5.0(2)

Display # columns grid with gutter and page margin

CSS Grid Overlay

4.4(7)

Easily check the grid alignment of your page across breakpoints.

NOV Grid - Responsive grid overlay

5.0(2)

Responsive grid overlay created by dennissnov help you to get pixel perfect. can be customized and support grid based design system

Grid System

5.0(5)

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

Grrrid

3.7(22)

A very simple grid system overlay pluggin.

Grid Ruler

3.7(326)

Create grids and measure their distance easily.

Bootstrap Grid for any Website

4.7(6)

Quickly toggle a Bootstrap Grid for any website. Easy to use, easy success.

Bootstrap Grid Overlay

4.1(45)

Quickly toggle a Bootstrap Grid Overlay that automatically uses your application's styles to determine how it looks.

GriDesign

0.0(0)

This extension adds a grid on web pages in order to check fixed and fluid page layout.

Dimensions

4.1(451)

A tool for designers to measure screen dimensions

Layout Grid for browser

4.0(1)

You can set Layout Grid like design tools.

Muriel Grid

0.0(0)

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

SK Grid

5.0(2)

Display # columns grid with gutter and page margin

CSS Grid Overlay

4.4(7)

Easily check the grid alignment of your page across breakpoints.

NOV Grid - Responsive grid overlay

5.0(2)

Responsive grid overlay created by dennissnov help you to get pixel perfect. can be customized and support grid based design system

Grid System

5.0(5)

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

Grrrid

3.7(22)

A very simple grid system overlay pluggin.

Google apps