10 Responsive Frameworks You Need

10 Responsive Frameworks You Need

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.

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 Bootstrap
Gumby: http://gumbyframework.com/

Responsive Grid System

Responsive Grid System
Responsive Grid System: http://www.responsivegridsystem.com/


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.

Written By: Matthew Haeck Raleigh, NC

Matthew Haeck is the lead designer and developer at Haeck Design. His educational background in both Graphic Design and Economics prepared him perfectly to operate the design firm which bares his name. When not working, Matthew enjoys curating his growing vinyl collection, hitting the beach, and supporting his beloved hometown of Raleigh, NC.

Hits: 9844
Similar Posts...
  • MAMP Basics - Build a Local Environment
    A testing server is an important tool for any designer or developer. This web development tutorial will show you how to install MAMP and get it running in no time.
  • Optimizing Development Workflows
    Efficient workflows and workflow patterns are key to effective web development. Learn how to streamline your workflow with this web development tutorial.
  • Social Stamps - Icon Set
    A clean colorful set of stamp themed social networking icons. Available for free download to all you icon fans out there.
  • What is Schema? - A Schema Microdata Tutorial
    "What is Schema" is an important question for web developers. This Schema Microdata tutorial will answer that question for you and get you started on implementing it on your own website.