retlehs/roots — Issue #158: Foundation CSS Framework
Author: coreywagehoft
Created: 2011-10-26 01:23:22+00:00
State: open

I just read an article on Smashing Magazine about this new framework called Foundation. It looked very interesting in its use a 12-column, percentage-based grid with an arbitrary maximum width.

Here are some of the main points from the article.

Image styles that disregard pixels.
Images in Foundation are scaled by the grid to different widths

UI and layout elements.
Foundation includes common pieces such as typography and forms, as well as tabs, pagination, N-up grids and more.

Mobile visibility classes.
Rapidly prototyping is partly about having built-in functionality to tailor the experience. Foundation lets you very quickly hide and show elements on desktops, tablets and phones.

I would love to see this as an optional framework to use in Roots.

Here is the Foundation website:
http://foundation.zurb.com/

and Github project:
https://github.com/zurb/foundation