Resources
-
Smart Columns w/ CSS & jQuery
As I observe other liquid based websites, I see two commonly used techniques on displaying columns, the fixed columns and the liquid columns. There are drawbacks to both that I would like to point out, and later would like to pitch my solution.
-
Grid Based Design Toolbox
I'm a minimalist designer so I believe the grid is one of the most important elements of web design. There are many articles and resources on the web, I've chosen to pick through them all and compile my best resources/tools all in one fell swoop. Keep in mind, there are plenty of list posts out there but these are my go to grid resources.
-
The Golden Grid
The Golden Grid is a web grid system. It 's a product of the search for the perfect modern grid system. It 's meant to be a CSS tool for grid based web sites.
-
Fluid 960 Grid System
The Fluid 960 Grid System templates have been built upon the work of Nathan Smith and his 960 Grid System using effects from the Mootools JavaScript library. The idea for building these templates was inspired by Andy Clarke, author of Transcending CSS, who advocates a content-out approach to rapid interactive prototyping, crediting Jason Santa Maria with the grey box method.
-
Typographic Grid
Chris Coyier plays around with unitless line height and getting things to line up according to a strict horizontal and vertical grid.
-
gridr buildrrr
A tool to quickly build a grid system, includes standard size elements to ensure your design elements fit.
-
emastic
Emastic is a CSS Framework which is: * Lightweight (compressed weight less then 4kb) * Personalized width of the page in (em,px,%) * Use of fixed and fluid columns in the grid. * Elastic Layout with "em"s
-
Typogridphy
Typogridphy is a CSS framework constructed to allow web designers and front-end developers to quickly code typographically pleasing grid layouts.
-
'Dirty Girl' Theme 1.0 Released
DIRTY GIRL is a 990px wide/centered/two-column theme based on the famous Sandbox Theme and the Blueprint CSS Grid Framework.
-
GridFox - The Grid Layout Firefox Extension
If you can open it in Firefox, you can put a grid on top of it. It's easy to customize, allowing you to create the exact grid you designed your layout around.