What is it?
The Modular Grid provides a set of grid overlays in web pages so web authors can better implement translations of design comps to web pages. The user is able to create baseline, or leading, grids, column grids, and modular (simultaneous baseline and column) grids. Some key options include changing baseline distances, altering column and gutter widths, and updating baseline and column colors.
The Modular Grid is in beta, so installation is manual. Read instructions here. Once released, the extension will be available via the Chrome Web Store or Chrome’s Extensions page, with new features available in beta releases via GitHub.
The Modular Grid can render basic grids. For example:
A Leading Grid
A Column Grid
A Modular Grid
A Single-Pixel Grid
The Options Page
Suggestions, feature requests, and bugs may be submitted via GitHub.