Foundation Foundation / asset / free

http://foundation.zurb.com

Built with Sass and Compass, Zurb Foundation is a freakishly advanced front-end framework that includes a flexible grid, multidevice mobility, and beautiful typography out of the box. It's a robust alternative to Twitter Bootstrap.
14 favorites
submitted over 4 years ago, by denno87
Foundation popular asset

6 Comments

Kerrick

This is the description I would've used:

Built with Sass and Compass, Zurb Foundation is a freakishly advanced front-end framework that includes a flexible grid, multidevice mobility, and beautiful typography out of the box. It's a more robust alternative to Twitter Bootstrap.

Kerrick, over 4 years ago

pineapple

Fixed it for him

pineapple, over 4 years ago

301

How does this compare to bootstrap?

301, about 4 years ago

pineapple

PSA: This just updated to version 4 today

pineapple, almost 4 years ago

SkinnyGeek1010

Wow, this is the first css framework that I really like.

You can basically start out with a pencil sketch layout, take that and quickly make a working prototype/mockup with foundation, show it to users and iterate on ux, keep the grid then trash/override the prototyping scss styles to customize the aesthetic design.

More info on prototyping with foundation (albeit an older version)...
http://youtu.be/w7cPvK_PeB0

SkinnyGeek1010, over 3 years ago

pineapple

Good, anything to stop the onslaught of 50,000 twitter bootstrap "startup" apps ;D

pineapple, over 3 years ago


Login or to comment.

Tutorials are any resources you learn from.

Examples: an intro to html5 screencast, a pdf about git, photoshop effects tutorials, meta-programming in ruby, lambda calculus, higher-order fixed-point combinators.

Tools are websites, apps or services used -on- your project (indirectly), to aid the process.

Examples: A color scheme generator, email marketing software, usability heat maps, css3 code generators, a downloadable png compressor.

Assets are downloadable files used -in- your projects, usually as code, textures, or images.

Examples: a jquery sticky menu, photoshop brushes, background textures, mvc frameworks, twitter bootstrap, 960 grid system.