Is the 960 more conducive to good design than Blueprint?

Question

Comparing sites developed in 960 with sites developed using Blueprint , it seems to me that 960 sites are much clearer.

I do not know if this is a coincidence of the patterns I am looking at.

Or is there something around 960 that is more conducive to good design?

Answer 1

I personally believe that the main difference is the learning curve and flexibility. 960 will allow you to make sites with a width of 960 pixels, and the learning curve is very low. Watch this video, you will have the design of your site in a few minutes: http://net.tutsplus.com/videos/screencasts/a-detailed-look-at-the-960-css-framework/

the scheme is more flexible. but still 960.gs is my personal preference.

Answer 2

In agreement with Chris Schmitz, I prefer to use my own more semantic set of classes, but this does not mean that I do not delve into the framework occasionally. If I use the framework, I usually shoot it on bare bones and adjust it depending on my layout. I know that in some ways this defeats the object of using the framework, but it gives me the best of both worlds: to know that it will work in most browsers, as well as to be semantic and sit comfortably next to my existing code.

Personally, I use Blueprint (if and when I need the framework). The 960 Grid system is well built, but rather restrictive. When it comes to customization, Blueprint wins.

Answer 3

in addition to Chris Schmitz's post - when I use CSS drawing, I always have a question, should I use 2 or more cool names for one div

<div class="span-13 prepend-7 my-class-name"> .span-13 {width:510px;} // from blueprint .prepend-7 {padding-left:280px;} // from blueprint .my-class-name {font:, color: background} 

or combine it into one class

 <div class="my-class-name"> .my-class-name {font:; color:; background:; width:510px; padding-left:280px;} 

and I always choose the second option,

also I was not happy with this (using the plan is a requirement) reset the code in the plan

h1 {font-size: 3em; line-height: 1; margin-bottom: 0.5em;} h2 {font-size: 2em; margin-bottom: 0.75em;} h3 {font-size: 1.5em; line-height: 1; margin-bottom: 1em;}

to avoid differences in browsers, I always save drawing values ​​with a null value in my classes .my-class-name h1 {margin: 0px;}

So, the conclusion is - if you do not want your style and design → your choice was your choice.