3 ms·

All fair points, though many people still write web sites with just pages, rather than web applications. (I do, for example.) Still, I agree that some kind of l

All fair points, though many people still write web sites with just pages, rather than web applications. (I do, for example.) Still, I agree that some kind of layout for columns would be great. As a non-designer, however, I find most of the grid systems immediately overwhelming. (For example, I'm looking now at the front page of 960gs, which I didn't know, and I want to cry. I have zero idea what I should or could do with that.)

jamesbritt 16y ago
"For example, I'm looking now at the front page of 960gs, which I didn't know, and I want to cry. I have zero idea what I should or could do with that." I've been using 960gs quite a bit. It fairly simple (or at least it seems so now). The basic ideas: * Grid layouts are a Good Thing (see http://www.thegridsystem.org http://www.thegridsystem.org) * Grids work best when used with proper proportions and ratios * If you start with a fixed width of 960 pixels, you can get even divisions of 12 or 16 columns, with suitable margins between columns * You can use CSS to set the width and margins of div elements * 960gs defines CSS selectors to do just that, with styles for all combinations of column widths * You can nest grids; 960gs has container styles (to contain stuff, natch) and grid styles. * The 960.gs site has a number of example sites to glom ideas from For example <div class='container_12'> <div class='grid_6 alpha'>Foo</div> <div class='grid_4 '>Bar</div> <div class='grid_2 omega'>Baz</div> </div> splits the page into three sections, divvied up into different sizes. (The alpha and omega class values are used to trim margins on edge columns.) And that's pretty much it. Work out a layout based of 12 or 16 evenly-sized base columns, and use that to assign the CSS class values. Anyway, my E-mail is in my profile if you have questions. I'm no 960gs expert, but have been playing around with for a bit at least. Edit: Just re-discovered this page http://www.mostinspired.com/blog/wp-content/uploads/2009/rip/16_fixed_jquery/ http://www.mostinspired.com/blog/wp-content/uploads/2009/rip... A nice demo page of using 960gs with JQuery.

jamesbritt 16y ago

"For example, I'm looking now at the front page of 960gs, which I didn't know, and I want to cry. I have zero idea what I should or could do with that." I've been using 960gs quite a bit. It fairly simple (or at least it seems so now). The basic ideas: * Grid layouts are a Good Thing (see http://www.thegridsystem.org http://www.thegridsystem.org) * Grids work best when used with proper proportions and ratios * If you start with a fixed width of 960 pixels, you can get even divisions of 12 or 16 columns, with suitable margins between columns * You can use CSS to set the width and margins of div elements * 960gs defines CSS selectors to do just that, with styles for all combinations of column widths * You can nest grids; 960gs has container styles (to contain stuff, natch) and grid styles. * The 960.gs site has a number of example sites to glom ideas from For example <div class='container_12'> <div class='grid_6 alpha'>Foo</div> <div class='grid_4 '>Bar</div> <div class='grid_2 omega'>Baz</div> </div> splits the page into three sections, divvied up into different sizes. (The alpha and omega class values are used to trim margins on edge columns.) And that's pretty much it. Work out a layout based of 12 or 16 evenly-sized base columns, and use that to assign the CSS class values. Anyway, my E-mail is in my profile if you have questions. I'm no 960gs expert, but have been playing around with for a bit at least. Edit: Just re-discovered this page http://www.mostinspired.com/blog/wp-content/uploads/2009/rip/16_fixed_jquery/ http://www.mostinspired.com/blog/wp-content/uploads/2009/rip... A nice demo page of using 960gs with JQuery.