12 Great Lightweight Responsive Grid Frameworks

Responsive layouts are rapidly moving towards being the standard and as more and more responsive CSS frameworks have been cropping up on the web and with a huge variety of frameworks available that includes every single one of them employing a different grid properties and techniques, it can be sometimes be difficult choice to make when to choose the right one.

You can always choose what I think the four main and popular ones are and these are the 1140 CSS Grid, Less+ Framework, Twitter Bootstrap and Zurb’s Foundation. But you won’t find any of them below today as this post features 12 lightweight frameworks that will quickly help you get going with your next project.

1. RWD Grid

The RWDgrid is just another Grid system based on popular 960grid , which is responsive and ranges from mobile, tablet, laptops and wide screen displays. Naming convention of this grid system is similar to 960 grid system, where underscore is replaced by hyphen (increases readabilty).

RWDgrid is having different Grid system made for 1200px+ Displays, 960px+ Displays, 720px+ Displays and Mobile screens. This can be used as a base grid system that will help you to build responsive webdesign with your existing proficiency over popular grid systems.

10 Newest Responsive CSS Frameworks & Boilerplates Worth Considering

The almighty CSS frameworks have been around for quite a while now, but with the arrival of the responsive web design practices has rendered many of the old favourites ineffective, but a whole lot of talented developers has jumped in to the pool and filled the void with the next generation of CSS frameworks and boilerplates.

Today’s posted features 10 of the newest Responsive CSS frameworks and boilerplates that really worth considering next time you starting your web project.

1. Twitter Bootstrap 2

Bootstrap was made to not only look and behave great in the latest desktop browsers (as well as IE7!), but in tablet and smartphone browsers via responsive CSS as well. Twitter Bootstrap 2 features a 12-column responsive grid, dozens of components, javascript plugins, typography, form controls, and even a web-based Customiser to make Bootstrap your own.