For those who have implemented a responsively designed website using a framework, which framework did you use and why? What criteria led you to use that framework over another?
-
-
Answer:
I've tried bootstrap [1] and foundation [2]. My focus in choosing the framework was actually "hackability". I wanted a responsive layout with main content in a 2/3 column and 2 boxes (top and bottom) in a 1/3 column. On portrait tablet, I wanted the 2 boxes to move under the main content, left-right aligned (no longer top-bottom). This is kind of non-standard behavior as usually portrait tablet rescales. Although I was able to do the same with both, it was slightly easier with bootstrap so I ended up choosing that. In general I think bootstrap is more evolved from this perspective probably because many people have used it. For "easier" I mean that I ended up commenting a big section of css (the one that rescales for portrait tablet) plus adding a few lines, so the "patch" was very clean. Bootstrap additionally supports laptop with widescreen (1200px width), which is a feature I like, but maybe is not perfect for all projects. My bigger concern about bootstrap is that it's too complete and too styled, especially on forms (personally I don't like them) and I still haven't tested how hard is to change their look & feel. Final note: foundation is currently on version 2.2, and a version 3 is coming soon, so I believe the comparison is slightly biased as bootstrap is a bit more advanced in this particular moment. [1] http://twitter.github.com/bootstrap/ [2] http://foundation.zurb.com/
Emanuele Cesena at Quora Visit the source
Other answers
I have used several responsive frameworks__ Bootstrap, Foundation, Skeleton, PureCSS and YAML. Although there are various advantages to each, I usually stick with Bootstrap for a few reasons.. It's grid is powerful. I like the 4 different sizes and flexible column ordering. It's not just a grid. The other elements / components (modals,buttons,alerts,etc..) are handy. Whenever you use them the implementation and design are consistent. Easiest to learn, hack and customize. Bootstrap is widely used for a reason. There are tools like http://bootply.com that make it easy to prototype and test Bootstrap. There are also tons of snippets, templates and example that make it easy to rapidly design what you want. The biggest criticism of Bootstrap and other responsive frameworks is that they're CSS heavy and adversely impact performance. However, I believe that there are a lot of other factors besides RWD bloat that lead to slow performance. Consider for example: Lack of CDN usage, images, web fonts, and the order in which assets get loaded (http://www.filamentgroup.com/lab/performance-rwd.html).
Carol Skelly
Skeleton is also interesting: http://www.getskeleton.com/
Susie Karasic
Related Q & A:
- If you were to start using a Wordpress framework today, which one would you use?Best solution by WordPress
- Is it correct to extend a bean class and write a class which holds logic to populate the bean we extend?Best solution by stackoverflow.com
- How do I upload a picture instead of using a generic avatar?Best solution by answers.yahoo.com
- When i do a search and click on a result a get a page addressed rc10 overture what do i do?Best solution by Yahoo! Answers
- What is a good free email service to use and why?Best solution by Yahoo! Answers
Just Added Q & A:
- How many active mobile subscribers are there in China?Best solution by Quora
- How to find the right vacation?Best solution by bookit.com
- How To Make Your Own Primer?Best solution by thekrazycouponlady.com
- How do you get the domain & range?Best solution by ChaCha
- How do you open pop up blockers?Best solution by Yahoo! Answers
For every problem there is a solution! Proved by Solucija.
-
Got an issue and looking for advice?
-
Ask Solucija to search every corner of the Web for help.
-
Get workable solutions and helpful tips in a moment.
Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.