Comments on: Fight Div-itis and Class-itis With the 960 Grid System http://www.webdesignerdepot.com/2010/03/fight-div-itis-and-class-itis-with-the-960-grid-system/ Web Design Resources and Tutorials Sat, 11 Feb 2012 10:53:00 +0000 hourly 1 http://wordpress.org/?v=abc By: Heygradyhttp://www.webdesignerdepot.com/2010/03/fight-div-itis-and-class-itis-with-the-960-grid-system/#comment-674633 Heygrady Mon, 28 Feb 2011 20:51:52 +0000 http://www.webdesignerdepot.com/?p=16089#comment-674633 Use Sass + Compass or something like Less to manage the repeated code in a more efficient manner. The bugs won't scale out of control if there's a good tool.You can read my article on the subject and see how this might apply: http://heygrady.com/1kb-grid-system-and-sass Use Sass + Compass or something like Less to manage the repeated code in a more efficient manner. The bugs won’t scale out of control if there’s a good tool.

You can read my article on the subject and see how this might apply: http://heygrady.com/1kb-grid-system-and-sass

]]> By: Ben Gremillionhttp://www.webdesignerdepot.com/2010/03/fight-div-itis-and-class-itis-with-the-960-grid-system/#comment-674542 Ben Gremillion Mon, 28 Feb 2011 18:03:04 +0000 http://www.webdesignerdepot.com/?p=16089#comment-674542 Using 960.gs, grid_x within grid_y often doesn't work because fixed-width columns with margins don't add up properly when contained by columns of the same width. Your alphas and omegas may help that, but nested grids defeat the spirit of the grid itself.I suggest you keep using your strategy in index.html. If you need to sub-divide columns, try creating a narrower set with http://www.spry-soft.com/grids . Using 960.gs, grid_x within grid_y often doesn’t work because fixed-width columns with margins don’t add up properly when contained by columns of the same width. Your alphas and omegas may help that, but nested grids defeat the spirit of the grid itself.

I suggest you keep using your strategy in index.html. If you need to sub-divide columns, try creating a narrower set with http://www.spry-soft.com/grids .

]]> By: Todohttp://www.webdesignerdepot.com/2010/03/fight-div-itis-and-class-itis-with-the-960-grid-system/#comment-671718 Todo Sat, 26 Feb 2011 11:52:18 +0000 http://www.webdesignerdepot.com/?p=16089#comment-671718 My question is: What is the way to optimize the "layout" created with framework 960.gs?In http://todo.site88.net/index2.html and http://todo.site88.net/index.html I present the same content distribution: one with more containers and the other less. Or is it better to create a large container and within the all cells?Thanks you in advance My question is: What is the way to optimize the “layout” created with framework 960.gs?

In http://todo.site88.net/index2.html and http://todo.site88.net/index.html I present the same content distribution: one with more containers and the other less. Or is it better to create a large container and within the all cells?

Thanks you in advance

]]> By: Ben Gremillionhttp://www.webdesignerdepot.com/2010/03/fight-div-itis-and-class-itis-with-the-960-grid-system/#comment-671126 Ben Gremillion Fri, 25 Feb 2011 21:16:25 +0000 http://www.webdesignerdepot.com/?p=16089#comment-671126 It seems like your HTML didn't come through. Can you post links to these two files elsewhere online? It seems like your HTML didn’t come through. Can you post links to these two files elsewhere online?

]]> By: Todohttp://www.webdesignerdepot.com/2010/03/fight-div-itis-and-class-itis-with-the-960-grid-system/#comment-671109 Todo Fri, 25 Feb 2011 20:41:29 +0000 http://www.webdesignerdepot.com/?p=16089#comment-671109 What file is better? index1.html or index2.html. Thanks. I'm developer, and this is my first code using 960File:index1.htmlUntitled Documentbreadcrumbs logo menu search photocallslideshow izq1 izq2 der1 der2footerFile: index2.htmlUntitled Documentbreadcrumbs searchlogo menu photocallslideshow zonaclientecell content cell content cell contentfooter What file is better? index1.html or index2.html. Thanks. I’m developer, and this is my first code using 960

File:index1.html

Untitled Document

breadcrumbs

logo
menu

search

photocall

slideshow

izq1
izq2

der1

der2

footer

File: index2.html

Untitled Document

breadcrumbs
search

logo
menu
photocall

slideshow
zonacliente

cell content
cell content
cell content

footer

]]> By: Visitorhttp://www.webdesignerdepot.com/2010/03/fight-div-itis-and-class-itis-with-the-960-grid-system/#comment-649253 Visitor Wed, 26 Jan 2011 16:13:14 +0000 http://www.webdesignerdepot.com/?p=16089#comment-649253 Hi Sherm,They're not talking about whether layout grids have a purpose in design, and they know how to make fluid grids. They're discussing, from a developer's view, the viability of coding an extra system to do what they could achieve with less markup and more control. Although a couple of people commented that frameworks would be great for large, complex sites.With 180 lines (or was that divs? eek!) of extra CSS, and extra HTML to go, it makes sense that a framework might not be suitable for a small or simple website. I'm inclined to think it's better to save time, energy and headaches for developing clean, efficient CSS - unless the framework will viably aid a more effective outcome for the project. Hi Sherm,

They’re not talking about whether layout grids have a purpose in design, and they know how to make fluid grids. They’re discussing, from a developer’s view, the viability of coding an extra system to do what they could achieve with less markup and more control. Although a couple of people commented that frameworks would be great for large, complex sites.

With 180 lines (or was that divs? eek!) of extra CSS, and extra HTML to go, it makes sense that a framework might not be suitable for a small or simple website. I’m inclined to think it’s better to save time, energy and headaches for developing clean, efficient CSS – unless the framework will viably aid a more effective outcome for the project.

]]> By: Malhttp://www.webdesignerdepot.com/2010/03/fight-div-itis-and-class-itis-with-the-960-grid-system/#comment-642346 Mal Mon, 17 Jan 2011 06:58:56 +0000 http://www.webdesignerdepot.com/?p=16089#comment-642346 are you stuck on the rapid prototyping bit?coz - I have used 960 succesfully on production site.works lovely - cross browser, etc.saves me so much time now! are you stuck on the rapid prototyping bit?

coz – I have used 960 succesfully on production site.

works lovely – cross browser, etc.

saves me so much time now!

]]> By: Kylehttp://www.webdesignerdepot.com/2010/03/fight-div-itis-and-class-itis-with-the-960-grid-system/#comment-638672 Kyle Mon, 10 Jan 2011 08:11:13 +0000 http://www.webdesignerdepot.com/?p=16089#comment-638672 Super article. I really needed this information. I'm more of a developer than a designer, but I'm a one man shop so I have to wear many hats and this article was super easy to understand for a non-designer. Thanks. Super article. I really needed this information. I’m more of a developer than a designer, but I’m a one man shop so I have to wear many hats and this article was super easy to understand for a non-designer. Thanks.

]]> By: Zlatko Malinovichttp://www.webdesignerdepot.com/2010/03/fight-div-itis-and-class-itis-with-the-960-grid-system/#comment-636574 Zlatko Malinovic Thu, 06 Jan 2011 14:45:10 +0000 http://www.webdesignerdepot.com/?p=16089#comment-636574 960.gs is very usefull site. Excellent tool for making grid. Thx 960.gs is very usefull site. Excellent tool for making grid. Thx

]]> By: Bambi Corro IIIhttp://www.webdesignerdepot.com/2010/03/fight-div-itis-and-class-itis-with-the-960-grid-system/#comment-635403 Bambi Corro III Tue, 04 Jan 2011 13:40:05 +0000 http://www.webdesignerdepot.com/?p=16089#comment-635403 Got here from 960.gs site... thanks for the thorough tutorial! I'm working my arse around this grid system. Got here from 960.gs site… thanks for the thorough tutorial! I’m working my arse around this grid system.

]]>