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 layouts - 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 when you're brain shoots to Bootstrap vs UIKit vs Foundation vs every thing else, it can be a tough decision. With that in mind, we'll try to save you some time and give you a few more tools... because these are the only css libraries you need to provide good responsive design to your clients.
What makes a responsive framework?
Responsive Grid System
Foundation: From top to bottom, there is simply no framework better. Although this release is fairly recent, I would have said the same about the previous Foundation. The base is solid, functionality is well documented, the theme roller does it's job, email and app foundations are a pleasant surprise, the building block library helps a ton, the scripts are very well done (Orbit Slider, Icon Fonts, etc), and the code is shrinking at an impressive pace. The responsive css layout examples are very helpful too.
Twitter Bootstrap: Bootstrap has grown to become invaluable for web designers. The team has probably made the largest push for the "responsive cause". 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.
Responsive Grid System: If you're a minimalist, RGS uses a solid set of responsive columns and codes very cleanly. Despite the simplicity, the learning curve is actually a bit steeper then you'd guess. Flexible, but not exactly intuitive. On the plus side, the Playground is a really nice addition.
5 Other Frameworks Worth Keeping Around
- Less Framework 4 - http://lessframework.com/
- Skeleton - http://www.getskeleton.com/
- Unsemantic - http://unsemantic.com/
- Mueller Grid System - http://muellergridsystem.com/
- Titan - http://titanthemes.com/titan-framework-a-css-framework-for-responsive-web-designs
If you need a responsive web developer to assist you in this project, shoot us a message @ https://haeckdesign.com/contact or if you've got any questions, tips, or points - feel free to share.