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.
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 !
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!
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.
Aquarelle is based on the newest W3C references. It works good on the older browsers too, without running a large amount of code.
Enjoy !
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.
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.
You want to use Aquarelle to create a fancy and clear Rich Internet Application?
That's cool, Aquarelle provides a full symbolic iconset
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 !
You want the grid, you want the typography, but you also want the widgets?!
That's OK !
Aquarelle is fully compatible with jQueryUI.