This article relies too much on references to primary sources. (February 2015) (Learn how and when to remove this template message)
|Initial release||March 2013|
1.6 / December 17, 2014
|Size||10.6 KB (archived)|
|Type||HTML and CSS-based design templates|
Dissatisfied with the architecture of Bootstrap and Foundation, John Slegers wanted to create an alternative that offered more flexibility and better performance without cutting back on features. He came up with the name Cascade Framework for his project and released it under the MIT License in March 2013.
Cascade Framework 1.x is written in pure CSS. It supports responsive design and all modern browsers as well as IE6+. For an optimal balance between footprint and flexibility, it implements a modifier design pattern inspired by SMACCS and OOCSS.
Binpress lists the following key 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.
In an article posted on October 13, 2013, Crunchify lists Cascade Framework as #5 in its "Top 5 New and Favorite Responsive Frameworks". The first four are respectively Bootstrap, Cardinal, TypePlate and Furrato.
In an article posted on October 24, 2013, CodeGeekz lists it among "12 Fresh and Useful Frameworks". Other projects listed are Gumby, Solved by Flexbox, UI Kit, SkelJS, Cardinal, Layers CSS, Grid Forms, Gridism, Maxmert, Rocket CSS and Kube Framework.
Linux portal Linuxlinks lists Cascade Framework as one of the ten "finest open source lightweight frameworks to kick start CSS and HTML projects". Other projects listed are Quantum Framework, Pure, Baseline, HTML KickStart, Base, KNACSS, Toast, Motherplate and HTML5 Boilerplate.
Cascade Framework was Softpedia's Script of the day on September 6, 2013. Softpedia's scripts tester Catalin Cimpanu explains why, according to him, Cascade Framework isn't your typical framework:
The Cascade CSS framework is a unique project these days. Unlike most CSS frameworks that focus on the UI, Cascade focuses on code organization and cross-browser compliance, something that most CSS frontend developers these days don't care about anymore.
While CSS framework developers has been busy in packing as much UI modules as they can in their frameworks' core, most of them forgot the main problem with Web development, a problem that's been around since the early 2000s: cross-browser compliance.
While most frameworks break when seen from a different, older browser, the Cascade Framework still renders the same and even gracefully degrades in ancient browsers.
Impossible right? Not impossible, but very possible, as this framework has proven. The biggest difference with Cascade compared to other CSS frameworks is the way code has been organized, making it super easy for developers to not only use, but also maintain the websites they build. All without breaking in older browsers.
As of May 19, 2014, a Cascade Framework-based Drupal theme has been added to the Drupal website sandbox  as a sandbox project.
- Cascade Framework (16 December 2014). "Cascade Framework 1.6 has been released. --- http://www.cascade-framework.com/ #css #html #frontend #frameworkpic.twitter.com/9Hmfgbt47X". @cascadecss. Retrieved 24 April 2020.
- Binpress - Cascade Framework
- Github - Cascade Framework
- Github - Cascade Framework Light
- Crunchify - Top 5 New and Favorite Responsive Frameworks
- CodeGeekz - Fresh and Useful CSS Frameworks for Developers
- Linuxlinks - Lightweight Frameworks to Kick Start HTML / CSS Projects
- Softpedia - Script of the day, September 6th, 2013
- LinkedIn - Catalin Cimpanu
- Arrrrcamp - announcing the winners of our pull request contest Archived November 6, 2013, at the Wayback Machine
- Drupal theme
- Cascade Framework Advanced
- Cascade Framework - The official website, contains documentation and downloads
- Cascade Framework on Twitter - The official Cascade Framework Twitter page
- Cascade Framework on Github - The official git repository, contains the source code and issue tracker
- Cascade Framework Light - A minimalistic "light" version of Cascade Framework
- Cascade Framework Drupal theme - Drupal theme under development