Foundation: Rapid Prototyping and Building Framework from ZURB

Foundation: Rapid Prototyping and Building Framework from ZURB

What’s in Foundation?

So much good stuff, girl. We’ve built Foundation to help you quickly get a site off the ground and to a state where you can easily adapt and modify it into a release. Here’s the highlights:

Global
Foundation’s global styles include Eric Meyer’s rock-solid reset, tested styles for typography, links, lists, tables and more.

The Grid
You’re gonna like this. Within global.css you’ll find The Grid (not the one from Tron), a layout framework that works on mobile devices, small screens and full-on modern desktops. It’s a twelve column, semi-liquid, mobile-scaling grid of awesomeness that you’re gonna love. It even supports arbitrary nesting.

Buttons
We love buttons at ZURB. Foundation includes two base styles, three sizes, and several colors that are preconfigured and super easy to modify.

Forms
Hate forms? So do we. They’re a pain. Well, we’re simplifying that by creating two base styles for forms that are tested, include validation styles, have proper spacing…all the good stuff. We even included custom radio buttons, checkboxes and select lists so you can style up every form element. They’re easy to modify, like everything else.

Orbit
That’s right – Orbit, the awesome way to put image or content sliders on your page, is packaged in with Foundation. It even works on mobile.

Reveal
Finally, we’ve created a whole new plugin for modal dialogs in Foundation. Reveal is easy to call, supports several intro animations right out of the box, and is completely stylable. It also works on mobile.

Image may be NSFW.
Clik here to view.

Image may be NSFW.
Clik here to view.