less4

10 Responsive CSS Frameworks Worth Considering

Today we are taking a look at some responsive CSS frameworks that might help you in your next project. Frameworks usually save time in development by eliminating the need of writing the base css code your self.

[hr]


Less Framework 4


An adaptive CSS grid system.

Less Framework is a CSS grid system for designing adaptive web­sites. It contains 4 layouts and 3 sets of typography presets, all based on a single grid

[hr]


Foundation


Start here, build everywhere.

An easy to use, powerful, and flexible framework for building prototypes and production code on any kind of device.

[hr]


1140 grid


The 1140 grid fits perfectly into a 1280 monitor. On smaller monitors it becomes fluid and adapts to the width of the browser.

Beyond a certain point it uses media queries to serve up a mobile version, which essentially stacks all the columns on top of each other so the flow of information still makes sense.

Scrap 1024! Design once at 1140 for 1280, and with very little extra work, it will adapt itself to work on just about any monitor, even mobile.

[hr]


Amazium


So what is Amazium I hear you ask, well you may have been hearing the term “Responsive Web Design” being thrown around the past few months, which simple means a website that can adjust to your screen size without having to make a separate website!

This came about from the simple fact that a lot of people have been making demos of this responsive web design but none seem to be using 960 grid system with 12 columns, and because of this I was forced to make my own..!

[hr]


Gridless


Make future-proof responsive websites with ease.

Gridless is an optionated HTML5 and CSS3 boilerplate for making mobile first responsive, cross-browser websites with beautiful typography

[hr]


FRAMELESS


Adapt column by column, not pixel by pixel.

Dig responsive design?
Hate fluid grids? Try a Frameless grid.

[hr]


BluCSS


Your best buddy when it comes to creating responsive layouts.

BluCSS is a CSS framework designed with ease of use and simplicity in mind. It is specifically made so that when you’re working on your next project, you don’t have to worry about the essentials. With BluCSS, you can be up and running in less than a minute.

[hr]


inuitcss


inuit.css—cooler than a polar bear’s toenails…

Another CSS framework?!
Yup, ’fraid so, but this one’s different… It combines years of my best dev tips, tricks and practices in one handy file.

[hr]


320 and up


The ‘tiny screen first’ boilerplate extension*

‘320 and Up’ prevents mobile devices from downloading desktop assets by using a tiny screen’s stylesheet as its starting point. Try this page at different window sizes and on different devices to see it in action.

[hr]


Skeleton


A Beautiful Boilerplate for Responsive, Mobile-Friendly Development

Skeleton is a small collection of CSS & JS files that can help you rapidly develop sites that look beautiful at any size, be it a 17″ laptop screen or an iPhone. Skeleton is built on three core principles

  • http://couchable.co/blog/post/using-responsive-css-frameworks-for-faster-development Tyler Herman

    Nice list. I’ve been messing around with YAML 4 on a couple sites. Foundation looks pretty promising as well. The more prevalent responsive/adaptive design becomes the more beneficial going to a css framework becomes.