ivyprojectscassidyindex

Cassidy

A Css Framework For Rich Web Apps

Cassidy is a CSS framework for rich web applications. It is a set of guidelines and recommendations, as well as base CSS file that allows you to start developing complex web applications and take advantage of CSS selectors to bind your HTML DOM to your JavaScript code.

Cassidy allows you to leverage libraries such as jQuery, which are centered on using CSS selectors to target specific subsets of the DOM tree.

Cassidy is is an open-source project released under the revised BSD license

Show me some code

Because a picture (or some code, for that matter) is worth a thousand words, here it is !

Cassidy
Here is the full Cassidy CSS template: cassidy-base.css

Features

Support for Widgets
Cassidy defines way do style and refer to specific types of widgets, including buttons, panels, dialogs, and any more advan
Layout and Typography
Cassidy provides a set of default classes to be used when designers produce HTML that make it easier to integrate JavaScript
Events and State
Cassidy defines way to express events and states which allow you to take care of good portion of the interaction implementation using CSS.
Designer and programmer friendly
Cassidy can be understood by non programmers and will help designers produce HTML that make it easier to integrate JavaScript
Quirks abstraction
Even if the situation is evolving, writing cross-browser CSS can be difficult. By using Cassidy, you will considerably reduce the risk of ending up with spaghetti, browser-incompatible code
Clear conventions
Because your CSS becomes a mess when people use different names for classes, Cassidy tries to limit the possibilities by giving clear, explained recommendation for naming CSS classes.

Why Cassidy ?

Writing CSS is not always an easy task, especially when you have to think about naming and organizing your classes. Writing a simple CSS is usually an easy task, but when your site evolves, you quickly run into problems such as styles leaking from one element to another and that's not to mention the headaches you'd have with IE-compatibility.

The goal of Cassidy is to provide general and specific guidelines to allow people who develop rich web applications to get their CSS written right. We've analysed the CSS files of a couple of major websites, and we were surprised by the inconsistency of their CSS rules, suggesting that most of web developers grow CSS in an ad-hoc manner rather by sharing common guidelines.