We all need to concentrate on making our websites compatible with all the funky resolutions around now a days, and responsive frameworks cut our job in half. I cheat sometimes and use ones built into software suites, but sometimes you need a solid framework to get the job done just right.


For example I recently had a site where they had a slogan & phone number on the right of the header, but I needed it to be prominent when scaled down to a mobile view. This is where I used an outside framework to get the job done just right. Here are four of the best ones I have tried out.


1) Bootstrap - http://twitter.github.com/bootstrap/index.html

By nerds for nerds they say. Well, it's by some folks at twitter so you know it's made by some seasoned programmers. It's is most likely the most widely used framework out there for doing a responsive site. It's very easy to use and implement, but also very powerful and customizable.

This is where most developers search for a framework starts and ends. But you don't know if you like all flavors of ice cream until you try them!



2) Cool Kitten - http://www.jalxob.com/cool-kitten/

Cool Kitten is fairly new to the scene but is a beautiful grid. It's smooth and seamless. I haven't gotten to deep into it yet, but it's very kind to work with. It would be a bad pun to say it's purrrfect?

Use this framework if you are planning on a long scrolling site. It has a cool parallax scrolling feature that adds a very nice look to your template. I'm just trying to find a reason to use it.


 3) Foundation 3 - http://foundation.zurb.com/

They call it advanced and it is. If you have passed by this one I suggest trying it again. It's very potent when it comes to making a responsive site. Major things I love about this framework is the CSS Pre-Processor.

It's super speedy and makes for a fast loading website. The grid system is something to brag about too. I have never had a problem lining my div's up for battle using this one.



4) CSS Grid - http://cssgrid.net/
If you know you will have users in many, many different resolutions. This is an awesome backend to use. I have thrown it around in different sizes and it has never misbehaved.

It's very clean and smooth. It's not as powerful for gridding and loading as the others, but packs a punch in display resolution.