10 Responsive Frameworks You Need


By: - Date: Category: Web Design and Development Blog, Design Standards

Bootstrap vs Gumby vs Foundation - We take a look inside all the popular frameworks on the market and find the 10 Responsive Frameworks You Need.

10 Responsive Frameworks You Need - Bootstrap vs Gumby vs Foundation 4

Responsive Frameworks are springing up everywhere lately, but crowding the market occasionally leads to confusion. Whether you call them responsive grid systems or a css responsive layout - they are a web designer's best friend and we love them as much as anyone. The only issue we have with responsive frameworks is that there are just so many out there and Bootstrap vs Gumby vs Foundation 4 vs every thing else, can be a tough decision to make. With that in mind, we'll try to save you some time (and give you a few more tools)... because these are the only tools you need to provide good responsive design to your clients.

What makes a responsive framework?

Frameworks are primarily time-savers and in that respect you need to walk a fine line of compiling code you always use, while keeping in mind that each project is unique. With that in mind, a "Responsive Framework" is generally defined as a collection of code (mostly CSS) that give's you the basics for building a website. A layout, minimal typography, frames, standard javascripts (jquery for example) are all you really need - and all a good framework is made of. In a macro view, having an assortment of quality frameworks allows a designer to do more high quality projects in a minimum amount of time. This makes having a selection of great frameworks very important (especially to freelancers). Now that we've got the formalities out of the way - lets get to the details... We'll start with our 5 must have's.

The Top Five "Must-Have" Frameworks

Foundation 4

foundation vs gumby
Foundation 4: http://foundation.zurb.com/

Twitter Bootstrap

bootstrap-vs-gumby
Twitter Bootstrap: http://getbootstrap.com/2.3.2/

Gumby

gumby bootstrap
Gumby: http://gumbyframework.com/

Responsive Grid System

responsive-grid-system
Responsive Grid System: http://www.responsivegridsystem.com/

Base

base-framework
Base: http://matthewhartman.github.io/base/

Brief Explanation

From top to bottom, there is simply no framework better then Foundation 4. Although this release is fairly recent, I would have said the same about Foundation 3. The base is solid, functionality is well documented, the theme roller does it's job, and the bonuses are very well done (Orbit Slider, Icon Fonts, etc). The responsive css examples are very helpful too.

Twitter Bootstrap has become invaluable and probably done the most to push the responsive "cause" in the industry. It's a 12-column responsive grid that makes a great starting point. Twitter Bootstrap should be high on the list of any responsive project and has done wonders for the use of grids in web design.

Gumby shows a lot of promise and has made drastic moves with their v2. Now running SASS is a plus and I must say, I think it's documentation is the best in the field.

Responsive Grid System uses solid responsive columns and codes very cleanly. That said, the learning curve is a bit steeper.

Base is not too shabby (once you get used to it) and is very stable. The primary downside (for me) would be the documentation.


If your realize that you're basically trading speed for "ease of use" with any Responsive Framework, the choices really become clearer. If you want to take a little additional time and build something quality, the choice would be Gumby vs Foundation 4. If you'd like something well documented, the match-up should be Bootstrap vs Gumby. to the If time was a large factor the choice should be Unsemantic vs Bootstrap. Ultimately if you're looking for the best website you can make, Foundation vs Gumby should really be the choice you're asking yourself.

5 Other Frameworks Worth Keeping Around

If you need a responsive web developer to assist you in this project, shoot us a message @ http://haeckdesign.com/contact or if you've got any questions, tips, or points - feel free to leave them below.

Hits: 7556
Leave a comment

Click the login buttons below to leave a comment.