Cascade Framework - Putting back the C in CSS

Cascade Framework - Putting back the C in CSS

Component based client framework for building web UI quickly with feature focused HTML, CSS and Javascript. Full support for modern and older browsers.

  • Language: JavaScript
  • Released: Jul 16, 2013
    Last Update: Jul 16, 2013

Cascade Framework 1.0

Once you start using Cascade Framework, you never want to go back again.

Although the overall look and feel are most definitely inspired by Twitter Bootstrap, Cascade framework is not just another Bootstrap clone. Where Twitter Bootstrap puts its focus on delivering shiny user elements that can be dropped into any project and takes control of your project's overall look-and-feel, Cascade Framework is intended to do the opposite. By splitting your CSS into seperate files based on features rather than selectors as well as by implementing a modifier design pattern inspired by SMACCS and OOCSS, Cascade Framework puts you in control!

Also different from Twitter Bootstrap or other CSS Frameworks out there, Cascade Framework can be used for modern browsers and older browsers alike. All features of Cascade Framework support Internet Explorer from IE6 upwards or degrade gracefully. With Cascade Framework you no longer have to choose between supporting only modern browsers or downgrading your design.

For a live demo, go to http://www.cascade-framework.com/.

Hide

Features

  • Cascade Framework is entirely based on an OOCSS architecture optimised for both performance and flexibility.

  • Cascade Framework contains advanced components like “panels”, “tab blocks” and “navigation” components that can be combined in various ways.

  • Cascade Framework is design agnostic. You can choose the default theme, create one of your own or just work with your own project specific custom design and leave out the default theme entirely. Both typography and color scheme are separated in separate modules to suit that purpose.

  • Cascade Framework allows you to choose between a Semantic Grid technique and a presentational grid technique. Twitter Bootstrap offers only a presentational grid technique.

  • With Cascade Framework, you can use any number of columns you want (1,2,3,4,5,6,7,8,9,10,12,16 and 24 columns are supported) throughout your project and nest them freely.

  • Cascade Framework’s grid uses a special padding element for its gutter, which combined with the media object integration makes the grid both more powerful and easier to use than any other grid system.

  • The total CSS code of Cascade Framework is only 9712 bytes minified and gzipped and can be further reduced if you don't need all modules. For many projects, you’ll do fine with a build of Cascade Framework with that’s only 3910 bytes.

  • Cascade Framework has a “light” version that’s no more than 2010 bytes in total. While it doesn’t contain components like panels or tabs, it still offers you a clean design for a whole bunch of elements, support for IE6, responsive behavior, etc. If you need just its grid features, you can go as lightweight as 323 bytes.

  • Cascade Framework offers support up to IE6 and there are no plans to drop support for older browsers in the near future.

You need to log-in or create an account
  • Create an account
  • Log-in

Please use your real name.

Activation link will be sent to this address.

Minimum 8 characters

Enter your password again

Clicking this button confirms you read and agreed to the terms of use and privacy policy.

X

Save your watchlist

Fill your details below to receive project updates from your watch list - including new versions, price changes and discounts.

I agree to the terms of use and privacy policy.

License » MIT license Download
Post a comment

Or enter your name and Email
No comments have been posted yet.