CSS Frameworks for Responsive Web Design

Posted on

  • email
  • twitter
  • facebook
  • share this

share this

Responsive Web design (RWD) has taken the ‘Net by storm. RWD isn’t just trendy among designers, it’s useful to ensure a consistent user experience – something of increasing important with the diversity of screen sizes today. Fortunately, there are some incredibly useful resources available (like CSS Frameworks) for designers and developers to create digital products in some terrifically exciting ways.

CSS Frameworks are essentially pre-prepared libraries which simplify standards-compliant styling of web pages using the CSS (Cascading Style Sheets) language. Much like libraries for other programming and scripting languages, CS frameworks are incorporated as external .css sheets referenced in the HTML. So what are the very best CSS frameworks available to design and developers today?

Foundation 3 - Built with Sass, a CSS preprocessor, the CSS Framework offers a flexible, nestable system, multi-device compatability and more.

Responsive.GS – Offers 12,16, and 24 column layout grids with media queries for all standard devices.

960 Grid System - Based on a width of 960 pixels, offers 12 and 16 column grids, includes templates for Photoshop and GIMP, InDesign; ideal for rapid prototyping.

Gumby Framework - A pliable (fluid and fixed) framework providing support for new HTML5 elements, includes PSD layouts and an optional UI kit. 

Blueprint CSS Framework - Offers an easily customizable grid, “sensible” default typography, scripts for customization.

There are of course many others CSS frameworks which are most definitely worthy of additional exploration, including: 

IngridYUI 3 CSS GridResponsive Grid SystemTitan Framework

Login To Comment

Become a Member

Not already a part of our community? Sign up to participate in the discussion. It's free and quick.

Sign Up


AndyC 11-29-2012 3:00 PM

Thanks for the resources. I've been using WooThemes for about a year, and they have begun incorporating responsive design features in their premium WordPress themes.

Vic garbutt 11-29-2012 3:02 PM

Don't forget the amazing offering by twitter, the twitter bootstrap system. It is actually being factored into Joomla Version 3, into the backend as well as as for templates on the front end. Again Joomla is leading the field.

EddieS 11-29-2012 3:10 PM

You forgot about Twitter Bootstrap. Wonderful responsive framework and very easy to learn.

10376765 11-29-2012 5:50 PM

LessFramework.com - loose less hair & less sleepless nights ;}

It's very simple to use & I use % to cure those bad em's headaches.

ScottC 11-30-2012 3:33 PM

Uh, what about Skeleton, based on 960gs, but very nice.

Web Desinging 11-25-2014 2:26 AM

CSS is best part for web designing point of view. use of css to make responsive website. you need to know about CSS very well.

Add to the discussion!

999 E Touhy Ave
Des Plaines, IL 60018

Toll Free: 1.800.817.1518
International: 1.773.628.2779
Fax: 1.773.272.0920
Email: info@websitemagazine.com