,

Everything you wanted to know about Zurb Foundation


zurb-foundation

1. What is Zurb Foundation?
ZURB Foundation is a free collection of tools for creating websites and web applications. It contains HTML and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions. It is the 12th most popular project in all of GitHub and is used by Dictionary.com, ZURB’s web applications, and others.
Wikipedia

 

2. Which one would be a better choice for production: Twitter Bootstrap or Zurb Foundation, and why?

Jonathan Smiley, Design Lead at ZURB

We know the guys over at Twitter, in fact Mark (the CSS author of Bootstrap) is a former ZURBian. There are a few differences between the two frameworks. Foundation began as a boilerplate for our client projects at ZURB. We recognized a need to move into responsive design because it was the right choice for most of our clients, so we developed Foundation for release to be built around the core RWD tenets. We also built foundation to be visually spare – we apply custom styles to every project with Foundation because our clients don’t want an off the shelf appearance. This all means Foundation is heavily tested (our clients demand it) but requires more styling effort up front. Bootstrap was developed (Mark might weigh in to clarify this, or not) predominantly as a style guide for Bootstrap internal tools, and evolved from there. Thus with Bootstrap you have a ready made style guide that looks nice, but typically looks like Bootstrap.

Both have common elements to help you build sites more quickly, and both support responsive design. Bootstrap uses Less, in large part because it has a nice OS X app and in part because it’s amenable to modification by @fat. Foundation is switching into Sass/SCSS because we’re a rails shop and Sass is more conducive to rails. Whichever you use, be sure to bring your own design to the table through the content, layout, or visuals. The web shouldn’t become homogenous (yet) and this is a great time to be doing multi-device design and implementation.

Also see this link:
http://www.reddit.com/r/web_design/comments/1hizvr/im_stuck_foundation_vs_bootstrap_which_one_should/
This one is pretty good:
http://www.zingdesign.com/5-reasons-why-foundation-is-better-than-twitter-bootstrap/

 

3. Why was Foundation Framework used on naturaily.com?
http://naturaily.com/blog/post/why-foundation

 

4. What are some sites/applications built in Foundation?
http://zurb.com/responsive?utf8=%E2%9C%93&style_id=&framework_id=1&name_or_style=

 

5. Where can I learn Zurb Foundation?
http://foundation.zurb.com/docs/
http://www.webdesignerdepot.com/2013/06/using-the-foundation-framework/
http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/foundation-for-beginners-getting-started/
http://designshack.net/articles/css/a-beginners-guide-to-zurb-foundation-3-the-grid/

 

6. What are the disadvantages of using Zurb Foundation?
Not much really. But if you insist, here is a link.
http://www.sitepoint.com/forums/showthread.php?851636-Foundation-ZURB-gt-Code-Review

 

Video Tutorials: here

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.