Current release : v 0.2.0

What is Aquarelle?

Aquarelle is a CSS framework providing a solid grid system to build your web pages.
When its main concurents, Blueprint and 960GS, just provide a grid to display your elements on, Aquarelle gives you the tools to build a complete GUI.

Here is the complete list of Aquarelle's features :

CSS Reset

Based on the famous Eric Meyer's work, this CSS reset will helps you to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings.

A must-have for a fancy cross-browser website !

Cols / Rows Grid System

Use a solid grid system based on 24 columns, and all the rows you want to display your content. Use rows when you create boxes, and make your document horizontally aligned.

Because a picture is worth a thousand words, the best thing to do is to try it out!

Web and Print Optimized

We sometimes need to print web content. That's why we thought about it. Our file "print.css" remove automatically avertisement, menus, footers etc. It also enhance typography and anchors content.
Print only what's interesting.

HTML5 / CSS3

Aquarelle is based on the newest W3C references. It works good on the older browsers too, without running a large amount of code.

Enjoy !

Semantic Structure / SEO

Aquarelle helps you to write semantic web and gives you tools to make it easy.
For instance, an unordered list in a
<nav class="dropdown-top-menu">
will display a beautiful dropdown menu.

A good semantic is the first step for a good SEO.

Accessibility

Your web document will be great looking. Great looking on common web browsers, on older ones (IE6, IE7... even Links !), but also on screen readers.

Aquarelle also provides some help for people who navigate only with a keyboard, overloading all the :focus and :active pseudo-elements with beautiful CSS.

Iconset

You want to use Aquarelle to create a fancy and clear Rich Internet Application?
That's cool, Aquarelle provides a full symbolic iconset

Theme

Aquarelle is not just a grid. It makes your site beautiful naturally.

You even have the possibility to create your own theme with our theme generator !

jQueryUI friendly

You want the grid, you want the typography, but you also want the widgets?!
That's OK !
Aquarelle is fully compatible with jQueryUI.