Resources
-
Gridness
A showcase of grid-based posters and other prints
-
1080 Grid PSD
I upped the overall size to 1080px wide and created an 18 column grid system for it. The design is targeted to a unique group of professionals who in any event should not have an issue viewing the site.
-
hashgrid
This is a little tool we created for our Analog holding page. It inserts a layout grid in web pages, allows you to fix it in place, and toggle between displaying it in the foreground or background.
-
960 Grid Actions
The action creates a new file with (almost) the same dimensions as the 960gs templates.
-
Basic Maths
Basic Maths is a rock-solid, standards-compliant and microformats-friendly WordPress theme, released under the GPL license. It was designed and developed by Khoi Vinh of Subtraction.com with Allan Cole of fthrwght.com
-
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.