A responsive CSS grid system helping desktop and mobile browsers play nicely together.
Fluid Baseline Grid - A sensible HTML5 and CSS3 development kitThe Semantic Grid SystemResponsive Web Design just got Easier with the Responsive Grid System960 Grid SystemAdapt.js - Adaptive CSSGolden Grid SystemGGS was my next step after Less Framework. Instead of a fixed-width grid, it used a fully fluid-width one, without even a maximum width. The resources it was published with are still available on GitHub. The idea was to take a 18-column grid, use the outermost columns as margins, and use the remaining 16 to lay elements out. On smaller screens the 16 columns could be folded into 8, 4 and 2. While the grid's columns were fluid — proportional to the screen's width — the gutters (spaces between the columns) were proportional to the font-size being used. GGS also contained a set of typographic presets, strictly to a baseline grid. Correctly setting all of these measurements is difficult, of course. When published, GGS gained a lot of attention, as the web design community was searching ways to work with fluid-width grids, which have always been troublesome, running counter to many graphic design principles. Later on I developed Frameless, the last entry in my early CSS grid system saga.
The Goldilocks Approach to Responsive Web DesignSkeleton: Beautiful Boilerplate for Responsive, Mobile-Friendly Development