Webinventif

Voici 2 nouveau framework CSS qui commencent à faire parler d'eux.

Alors, pourquoi je vous présente les 2 en même temps ? Et bien parce qu'il sont l'œuvre du même auteur. En fait Emastic est la version complète alors que Malo embarque le strict minimum (8 lignes de code !)

Malo

Il est super flexible et convient parfaitement aux design fluide (extensible %). Il comporte un système de grille qui fonctionne au pourcentage plutôt qu'en fixe (blueprint et 960grids sont fixe). Du coup si vous ne fixez pas de largeur au conteneur de votre page, vous obtiendrez un design en grille extensible.

Il contient en fait 2 partie, un reset CSS et le système de grille. Mais pas de typographie comme dans la plupart des framework, ce qui se justifie puisqu'ici le but est d'être le plus compact possible. Bref, si vous voulez profiter d'une mise en page facile mais sans fioriture, Malo est fait pour vous !

Les exemples

• Exemple 1
• Exemple 2
• Exemple 3
• Exemple 4
• Exemple 5

Testé sur IE:5.01,5.5,6,7,8(beta), Firefox:1.5,2,3, Opera:8.53, 9.23, Safari:2.0 - 4.0 , Chrome 0.3, Konqueror: 3.5, 4.0, camino-1.6.5, kazehakase-0.5.2, galeon-2.0.4, seamonkey: 1.1.12, 2.0

Télécharger Malo

Emastic

C'est donc le grand frère de Malo, où plutôt son père ! Il reste léger puisqu'il pèse moins de 4kb. Il permet lui aussi de construire une grille fluide ou fixe. Il intègre évidement une gestion de la typographie et des options supplémentaires de mise en page.

Les exemples

• Exemple 1
• Exemple 2
• Exemple 3
• Exemple 4
• Exemple 5

Testé sur IE 5.5/6/7, Firefox 2/3, Opera 9.23/9.5, Safari 3.1 (Win/MAC), Camino 1.61, Chrome 0.21

Télécharger Emastic

Conclusions

D'abord il faut noter qu'il sont encore tous les deux en bêta (même si ils sont relativement stable) mais que l'auteur est très actif (pour le moment en tout cas). Malo rempli bien son rôle en donnant de bonnes bases pour débuter un site et Emastic semble déjà prometteur, même si il manque encore quelques éléments essentiels comme la gestion des boutons et formulaires !

Mais bon, pour mes projets complexes je continuerai (pour l'instant) d'utiliser Blueprint 🙂

• Auteur : http://www.vcarrer.com/
• Malo : http://code.google.com/p/malo/
• Emastic : http://code.google.com/p/emastic/
• Template Emastic : http://www.allapis.com/Emastic-CSS-Temaplates/index.html