CODEWITHSUNDEEP
htmlcsstwitter-bootstrapwebzurb-foundation
Shlomi Schwartz
Shlomi Schwartz

Reputation: 8903

Choosing the right front-end framework

I'm looking into Bootstrap vs Foundation my criterias are:

In my past experience with Bootstrap, building layout from a designer mockup as a "pixel perfect" HTML was not trivial.

Your thoughts, ideas are appreciated.

Upvotes: 1

Views: 1525

Answers (2)

poeticninja
poeticninja

Reputation: 135

Bootstrap and Zurb Foundation are both CSS frameworks, but they have a different purposes.

The primary goal of Bootstrap is fast prototyping of websites or web applications that have a base style. Since the styles are opinionated, that makes it more work to get it to match a custom design. It is heavily supported and a large community. It is built on Less and that can be a plus for some people.

Zurb Foundation 4 takes a different approach. It is more of a base framework for a project that will be customized fully based on project need. The styles are easily overridable. It is a great prototyping tool and it is not opinionated with styles. The grid system is great, and anyone can understand it. If you use Foundation your designer will think differently (they will keep mobile in mind more). It is built on SASS. That makes it easy to incorporate Compass sprite generation. I found the CSS classes in foundation to be easier for beginners to pick up and remember.

You can watch some of the Zurb presentation videos on the internet and they really help you understand why they built it.

I was working on my own framework to realize that everything I needed and more was already built into Foundation. The hardest part is understanding Compass and Sass. After that you will get the hang of Foundation easily.

Upvotes: 3

giaour
giaour

Reputation: 4071

It really depends on which of your criteria are more important.

Foundation is built for making complex, responsive websites, but it has a pretty big footprint if you want to use everything it has to offer. Bootstrap, on the other hand, is comparatively small but doesn't have anywhere near as much functionality built in. I can't speak to how easy it is to customize Bootstrap, but altering Foundation to fit your needs is very simple (especially if you use the SASS version).

It's a subjective choice: if your priority is to use something with a small footprint, go with Bootstrap. If having a big, responsive-ready library to work with is more important to you, go with Foundation.

Upvotes: 0

Related Questions