Home » Posts » Foundation – Web Framework with Jqurey Slider and Grid for Responsive Website Layouts

Foundation – Web Framework with Jqurey Slider and Grid for Responsive Website Layouts

Foundation is an amazing and feature-rich  web framework for  prototyping and creating the production ready website.

This framework is responsive, works smoothly on all major browsers including mobile browsers and released in open source License.

It has styles for typography, links, lists, tables, buttons, forms with custom radio buttons, select lists and checkboxes.

There is a 12 column, semi-liquid grid which works with all screen sizes and encourages building a single website for all devices.

Foundation also includes Orbit (for content sliding) and Reveal (for modal dialogs) that both are powered with jQuery.

This is definitely an exciting project for building modern websites easily and it is a good alternative to the recently launched yet popular Twitter Bootstrap.


Foundation Web Framewrok from Zurb

Features of Foundation Web Framework

  • 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.

Leave a Reply

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