StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>First, don't just automatically assume a CSS framework is necessary, or even desirable. Depending on what you're doing and how good you are at markup + CSS, it may not be worth it. The <a href="http://en.wikipedia.org/wiki/CSS_framework" rel="noreferrer">Wikipedia article</a> barely scratches the surface of the debate I've seen online, e.g., this <a href="http://www.elliotswan.com/2006/05/10/yui-grids-css-framework-considered-harmful/" rel="noreferrer">criticism of the YUI Grids framework</a>.</p> <p>If you've decided that a CSS framework is for you, then you need to decide what problems it will be solving for you. Once you have that list, you can start comparing different ones to see how well they address your problems.</p> <p>Finally, there are any number of minor factors that may shift the balance for your particular application. Already using YUI on the site? Then the <a href="http://developer.yahoo.com/yui/reset/" rel="noreferrer">Reset</a>, <a href="http://developer.yahoo.com/yui/base/" rel="noreferrer">Base</a>, <a href="http://developer.yahoo.com/yui/fonts/" rel="noreferrer">Fonts</a>, and <a href="http://developer.yahoo.com/yui/grids/" rel="noreferrer">Grids</a> combo may get a bump, etc.</p> <p>The two I've seen reference most often are YUI's and <a href="http://www.blueprintcss.org/" rel="noreferrer">BluePrintCSS</a> (here's a <a href="http://foohack.com/2007/08/blueprint-css-framework-vs-yui-grids/" rel="noreferrer">comparison</a>).</p> <p>UPDATE: One thing I haven't seen explicitly addressed by a CSS framework is <a href="http://www.alistapart.com/articles/settingtypeontheweb" rel="noreferrer">Setting Type on the Web to a Baseline Grid</a> (see this <a href="http://24ways.org/2006/compose-to-a-vertical-rhythm" rel="noreferrer">article on composing to a vertical rhythm</a> for more details).</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload