Golden Gridlet is a theme development aid for the Golden Grid base theme, both of which were adapted from Joni Korpi's original Golden Grid System for use in Drupal. For those granted permission to view the gridlet, it provides a toggle in the upper-right for a baseline and column grid overlay to aid in subtheming.
The size and color of the grid as well as the resolutions at which the columns change (from 4 to 8, and from 8 to 16) can all be configured from an administrative interface, without the need to manually alter the overlay JavaScript itself.
In order to reduce footprint and minimize dependencies, it should be noted that this module is now powered by jQuery >= 1.4.4 (provided with Drupal 7) rather than Ender.
Features
Illustrates the baseline grid, ensuring vertical rhythm throughout the page.
Golden Grid is an HTML5 base theme implementation, adapted from Joni Korpi's Golden Grid System. Designed to be as lightweight as possible while adhering to Drupal's standards and best practices, it provides themers looking to rapidly create fluid, responsive designs in Drupal with a possible starting point.
This theme divides the viewport into columns that fold into each other as resolution decreases: from sixteen, to eight, and finally to four columns. It should be noted that browsers that do not support media queries (such as dated versions of Internet Explorer) will always revert to the mobile layout.
Furthermore, Golden Grid solves the problem of drifting content as the screen is being resized through the use of elastic gutters. By declaring gutters in ems rather than in relation to the viewport, they always stay proportional to the content as they are being resized.