· grids

my Bookmarks

Grid-Based Design: Six Creative Column Techniques | How-To | Smashing Magazine

  

added 2008 Thu Mar 27 7:00:00 by unknown user
by Sean Hodge Grid systems bring visual structure and balance to site design. As a tool grids are useful for organizing presenting information. Used properly, they can enhance the user experience creating predictable patterns users Saved By: Danny Calders | View Details | Give Thanks

GridControl: A Grid Overlay System for Design Development. - CSS-Tricks

  

added 2008 Sat Jan 19 7:00:00 by unknown user
Tips, Tricks, and Techniques on using Cascading Style Sheets (CSS) Saved By: Vio | View Details | Give Thanks

Allan Jardine | Reflections

  

added 2007 Wed Dec 19 7:00:00 by unknown user
Saved By: Vio | View Details | Give Thanks

Simple CSS snippets for creating grid & column based layouts ? Konstruktors / Main

  

added 2007 Fri Dec 7 7:00:00 by unknown user
Saved By: Danny Calders | View Details | Give Thanks

Boxed CSS - Free CSS grids

  

added 2007 Tue Jul 17 7:00:00 by unknown user
Saved By: Viorel Cojocaru | View Details | Give Thanks

Andy Rutledge: Quiet Structure

  

added 2007 Tue Jul 10 7:00:00 by unknown user
Although we never called it "quiet structure," the design ideas presented here by Andy Rutledge are very much what we (and by we, I mostly mean [Nathan](http://ljworld.com) were going for with the recent [LJWorld.com](http://ljworld.com) redesign. The idea was to let the structural elements (grid, borders, boxes, etc.) serve their role as tools for positioning and establishing hierarchy, but also encourage them to fade into the background and let the content bubble up to the front as much as possible. Andy uses CNN.com's recent redesign an example of these same concepts. Nice piece, Andy.

Andy Rutledge: Quiet Structure

  

added 2007 Thu Jul 5 7:00:00 by unknown user
Although we never called it "quiet structure," the design ideas presented here by Andy Rutledge are very much what we (and by we, I mostly mean [Nathan](http://ljworld.com) were going for with the recent [LJWorld.com](http://ljworld.com) redesign. The idea was to let the structural elements (grid, borders, boxes, etc.) serve their role as tools for positioning and establishing hierarchy, but also encourage them to fade into the background and let the content bubble up to the front as much as possible. Andy uses CNN.com's recent redesign an example of these same concepts. Nice piece, Andy.

The Design Canopy: Using Spreadsheets to Brainstorm Grid Layouts

  

added 2007 Tue Jun 5 7:00:00 by unknown user
Excel to calculate grids, nice.

J-Bolt: Breaking Out of the Box

  

added 2007 Thu May 17 7:00:00 by unknown user
Jina shows you how to craft a grid-based design that doesn't look all boxy and boring. Because straight lines are boring. Ask anyone. Especially the readers of JeffCroft.com! They obviously hate straight lines! But seriously -- there is a misconception amongst web designers that grid-based layout means boxiness. It doesn't. Jina's example is full of swooshy, curvy goodness, but still maintains the underlying grid, for a best-of-both-worlds result. Grids are there to unify your design and tie everything together. They're not (necessarily) there to be seen. You don't have to wear your grid on your sleeve like myself or Khoi Vinh in order to get the benefits of using one.

Subtraction: Oh Yeeaahh!

  

added 2007 Fri Mar 23 7:00:00 by unknown user
Khoi has a post up about he and Mark's terrific SXSW presentation about grid-based design. Slides, screenshots of his Yahoo! redesign,and more included. If you weren't at SXSW, this is a must-see.

Five simple steps to designing grid systems

  

added 2006 Sat Oct 21 7:00:00 by clagnut
Part 1 of Mark Boulton's excellent series