Sunday, October 13, 2013

Responsive Framework - Twitter Bootstrap Vs Foundation

So whole world is going responsive and why wouldn't after all we are in the age of smartphone, tablets and yes Desktop too.So, why to make the website for every device lets make one website and fit on all sizes/devices this is actually the motto of Responsive.

To make your website responsive you have to write down lot of media query, lot of code and guess what I enjoy doing that. I love to write the code from scratch to design your code.

But in real world we all have the deadlines on our head and making a responsive website to support all devices/sizes in a short span will surely will give any UI developer nightmare.

Thanks to the frameworks in town that our making UI developer life easy and  my 2 best our Twitter bootstrap and Foundation 4.

Twitter bootstrap
With the release of version 3, the twitter bootstrap main motto is "Mobile First" in which they get full points any day.They have done modifications to stand with the Foundation 4. So, lets explore top 5 positive of Twitter bootstrap:

1) Mobile First
2) Custom your Modules as per need
3) Good support
4) Fluid Grid
5) Large User Base

Foundation 4 is from the ZURB. Although it don't have user base as large as twitter bootstrap. BUt still it have good features , UI and widgets as compare to Twitter bootstrap 3.

1) Form Validation, Pricing tables, rtl,video scaling
2) Best grid support class, support across all view ports
3) Media Query : Support up to 1440 px
4) CSS - Everything to em
5) If you are Saas lover you are gonna fall for it.


Conclusion: Which framework to use? will vary from project, requirements, Time, Ease and at last what you like to use? My suggestion go and explore both framework and decide which suits in your need.

No comments:

Post a Comment