Comments on: Why we love 960.gs

By: John

John — Fri, 05 Jun 2009 17:21:59 +0000

What themes use the 960.gs framework?

By: Peter

Peter — Wed, 03 Jun 2009 17:25:02 +0000

I just got into 960.gs and so far it’s pretty awesome!

By: Diane

Diane — Wed, 03 Jun 2009 16:34:38 +0000

@mkjones

“Do you ever run into any browser compatibility issues using the clearfix style?”

I prefer to use the clearfix class (I have it named .cf for brevity) in my projects because it is less likely someone will delete a div that contains content vs. an empty div that clears both. Just a bit more fool proof, which is necessary when working with other developers whose front-end skills vary.

You can view a comprehensive example of clear both vs. clearfix here, http://www.happydevhq.com/clearfix_guide.html.

They both work, it really is preference. Test the examples yourself in any browser. http://www.xenocode.com/browsers/

By: Edwin Maolana

Edwin Maolana — Sun, 24 May 2009 11:00:20 +0000

I just starting my exercise using 960 grid system and I fallen in love using this to design my website. I already did some basic design to build a website using 960′s without using any graphics, which mean I only play using css with text and color block to know the idea using this system.

Beside that I also want to learn how to design the web using PSD with 960 grid and slice it into HTML and then import it to WordPress. Does anyone know how to do it? Where I can find the best tutorial about this?

Thanks…

By: Grant @ BTP

Grant @ BTP — Wed, 13 May 2009 15:48:11 +0000

My first experience with 960.gs was updating my own site. I stuck with their class names and it’s fine for my own use.

For my latest client site, I’m again using 960.gs but this time using semantic class names and simply copy/pasting the relevant code into a custom stylesheet.

Best of both worlds: faster visual development to a uniform grid, fast transition to HTML thanks to all the guesswork gone from measurements (horizontally anyway).

By: Joao P DUbas

Joao P DUbas — Wed, 13 May 2009 11:35:56 +0000

As said by JB, someone can use the grid system to start the job and speed up things, and when you get the right layout, you can change the class names to something more suitable to your needs.

By: LT

LT — Thu, 30 Apr 2009 16:15:10 +0000

Yes, you can use grid_16 and grid_12 in the same design. It’s all dependent upon how you segment your design.

By: Pradeep

Pradeep — Thu, 30 Apr 2009 10:53:33 +0000

I’am also using this and its amazing. I need to know something about the griding. Can we use both container_16 and container_12 in a same design ?

thx

By: CreativeNotice

CreativeNotice — Wed, 29 Apr 2009 15:46:57 +0000

I’ve been using the blueprint framework for a while. It does feel a little bloated. Think I’ll give 960 a try after reading all the comments. Thx.

By: lebisol

lebisol — Wed, 08 Apr 2009 00:40:05 +0000

@Schop
Yes I have, granted only few hrs over the weekend.
Not saying it is bad idea just awkward for me to get used to.
For me it is reverse “grid_12″ makes me wonder what who where…especially about clearing these.

I suppose it is like any other framework else after you get used to it.
Not every design fits the grid but for something like mass producing WP themes or column based newspaper sites it works.
It is hard breaking old habits
All the best!

By: Schop

Schop — Tue, 07 Apr 2009 19:29:13 +0000

@ lebisol: Have you actually tried it? Because it is a lot easier than you think. You can still use the id of a div for identification (hey, wait a minute…that might be where the ‘id’ comes from).

See, I find a div that has an id “header” with class “grid_12″ a lot easier to understand than a div with id “header” and class “whatever”, which always has you diggin’ around in the CSS file to figure out what the hell the width, padding and margin of the damn header are.

Go 960!

By: JB

JB — Wed, 04 Mar 2009 21:13:50 +0000

960GS is just a prototyping solution for quick deployment. We use it to build the functionality of our site before getting visual designers involved. Makes the whole development process much easier. Generally, we swap most of the non-semantic markup out including the columns included in 960 after we get final design specs from our visual design team.

By: Julian

Julian — Wed, 04 Mar 2009 19:41:13 +0000

I guess designers/developers at the first time try not to use these frameworks given the need to learn another new framework… But once they find the potential underneath this kind of frameworks, they definitely will use them. As I guess it happen with all of you who use 960gs or Blueprint-CSS.

By: mojito

mojito — Mon, 16 Feb 2009 21:33:18 +0000

Finally… You all have convinced me to try some framework, and of course the 960.gs will it be! :_)
The PSD files looks very helpful.

By: Andrew

Andrew — Sat, 07 Feb 2009 04:58:33 +0000

I’ve tried designing themes in the past without a CSS framework such as 960.gs, and I found it fiddly and time consuming just getting the widths of the columns right.

I’ve just designed a basic layout without too much work, and column widths already set.

Using 960.gs is a no brainer, haven’t tried Blueprint yet, but if people are saying the 960.gs is easier, I think I’m going to stick with it.

By: LT

LT — Tue, 27 Jan 2009 16:59:06 +0000

As far as a footer goes, just make the class “grid_12″ or “grid_16″. That should handle it.

By: Greg Wilker

Greg Wilker — Tue, 27 Jan 2009 14:54:01 +0000

well, after using 960.gs with other wither people making the final decisions having a to not edit a css file and just change something from grid_5 to grid_6 or what have you makes things alot faster and easier also having set width for each thing and letting the decision makes know that. keeps them from saying can we make this 3 pixels wider…

By: Tom

Tom — Mon, 26 Jan 2009 20:08:50 +0000

I like 960 a lot. Been using it for a couple of sites. Just one thing I can’t manage: a footer sticking at the end of the page or bottom of the screen (if little content). Anyone an idea?

By: CSS Frameworks to try | The Wonderful Web

CSS Frameworks to try | The Wonderful Web — Mon, 26 Jan 2009 07:38:12 +0000

[...] as well as CSS and demo HTML. This is a popular framework for WordPress theme developers. Read why WooThemes use 960 GS to design their WordPress [...]

By: Grant @ BTP

Grant @ BTP — Wed, 21 Jan 2009 15:30:00 +0000

@ Christoper Thomas,

I think you’ve misunderstood what a css grid framework actually does. Grid does not mean table.

A css grid system like 960.gs is simply using a pre-set page width and predictable horizontal rhythm courtesy of preset classes to assist with placement. On my site I have no superfluous DIVs at all, apart from a couple of clearing DIVs (something I would have regardless of framework).

A table-based layout involves a lot of unnecessary empty cells, blank gifs to pad cells out, and a resulting mess of code.

You obviously don’t understand 960.gs or css grids, much as I didn’t before trying it, so save your disdain and “only a designer” comments until you actually know what you’re talking about.