CSS Grid systems

CSS Grid systems/frameworks are a potentially divisive subject. Some designers swear by them, others swear at them. In a bid to minimize hate mail, I'm going to say I sit entirely on the fence. Whilst I can understand why some developers think they are superfluous and in certain instances create extraneous code, I can also appreciate their value for rapidly prototyping layouts.

Here are a few CSS frameworks that offer varying degrees of "responsive" support:

• Semantic (http://semantic.gs)

• Skeleton (http://getskeleton.com)

• Less Framework (http://lessframework.com)

• 1140 CSS Grid (http://cssgrid.net)

• Columnal (http://www.columnal.com)

Of these, I personally favor the Columnal grid system as it has a fluid grid built-in alongside media queries and also uses similar CSS classes as 960.gs, the popular fixed-width grid system that most developers and designers are familiar with.

Note

Alpha, Omega, and other common grid classes

Many CSS grid systems use specific CSS classes to perform...