Design By Grid Design By Grid Links http://www.designbygrid.com Sun, 05 Jul 2009 20:46:21 Prototyping With The Grid 960 CSS Framework http://www.designbygrid.com/tutorials/view/74 Grid 960 is a CSS Framework that enables developers to rapidly prototype designs. They are excellent tools for creating mock ups. Why? Because they do all the heavy lifting allowing you to get faster results.

http://net.tutsplus.com/tutorials/html-css-techniques/prototyping-with-the-grid-960-css-framework/

]]> Sat, 04 Jul 2009 12:55:40 6 Tips and Tricks for Designing with the 960 Grid System http://www.designbygrid.com/articles/view/73 For those just getting started or interested in learning it, I give you six of my favorite tips and tricks for designing with the 960 grid system.

http://blog.centresource.com/2009/06/15/6-tips-and-tricks-for-designing-with-960/

]]> Tue, 16 Jun 2009 05:51:01 Smart Columns w/ CSS & jQuery http://www.designbygrid.com/resources/view/70 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.

http://www.sohtanaka.com/web-design/smart-columns-w-css-jquery/

]]> Thu, 28 May 2009 02:21:48 Create a Grid Based Resume/CV Layout in InDesign http://www.designbygrid.com/tutorials/view/68 Use the power of grid based designs to create a structured and professional page layout in InDesign, which can then be populated with a range of information to produce a polished CV or Resume.

http://blog.des-us.com/?p=286

]]> Tue, 05 May 2009 16:43:25 Grid Based Design Toolbox http://www.designbygrid.com/resources/view/66 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.

http://www.fuelyourcreativity.com/grid-based-design-toolbox/

]]> Mon, 16 Mar 2009 17:04:36 The Golden Grid http://www.designbygrid.com/resources/view/64 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.

http://code.google.com/p/the-golden-grid/

]]> Tue, 17 Feb 2009 14:35:41 Fluid 960 Grid System http://www.designbygrid.com/resources/view/63 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.

http://designinfluences.com/fluid960gs/

]]> Fri, 23 Jan 2009 15:08:24 Complex Grid http://www.designbygrid.com/articles/view/62 Karl Gerstner designed this grid for his work on the CAPITAL magazine. This is actually a six-column grid with a four-column grid superimposed. Karl suggests that this grid requires considerable study, and a designer would have to spend a great deal of time working with it before he could make free use of it in a creative sense.

http://whatype.wordpress.com/texts/the-complex-grid/

]]> Fri, 09 Jan 2009 13:34:12 Typographic Grid http://www.designbygrid.com/resources/view/61 Chris Coyier plays around with unitless line height and getting things to line up according to a strict horizontal and vertical grid.

http://css-tricks.com/typographic-grid/

]]> Thu, 08 Jan 2009 02:14:41 960 CSS Framework - Learn the Basics http://www.designbygrid.com/tutorials/view/59 This tutorial will explain the basics of this framework so you can start developing with 960 pretty fast.

http://www.divitodesign.com/2008/12/960-css-framework-learn-basics/

]]> Tue, 16 Dec 2008 14:34:18