-
Book Overview & Buying
-
Table Of Contents
Responsive Web Design with HTML5 and CSS3
By :
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.
Alpha, Omega, and other common grid classes
Many CSS grid systems use specific CSS classes to perform...
Change the font size
Change margin width
Change background colour