Pure est un ensemble de petits modules CSS (responsive) que vous pouvez utiliser dans chaque projet Web.
Conçu avant tout pour des appareils mobiles, l'entièreté des modules ne pèse quasi rien (minimisé et gzippé) malgré l'implémentation des styles responsive, le design et sa facilité d'utilisation. Toutes les lignes de CSS ont été examinées attentivement. Il est d'ailleurs possible d'utiliser uniquement un sous-ensemble de ces modules, vous économiserez donc encore plus d'octets. Pure fournit des mises en page et des styles pour les éléments HTML natifs, ainsi que les composants d'interface utilisateur les plus courants.
Bien entendu, les styles sont minimalistes, ce qui vous encourage à écrire vos propres styles au-dessus de ceux de Pure. Tout est conçu de manière à modifier les styles simplement. Il offre cependant des grids, des forms, des tables, des boutons, des menus, des layouts, etc.
La version 0.4.0, qui s'est très vite déclinée en révision 0.4.2 suite à des adaptations rapides, comporte des modifications améliorant la facilité d'utilisation, comme par exemple :
- l'utilisation des noms de classe non réduits permise sur une grid. Cela signifie qu'il y a des règles pour les classes telles que .pure-u-12-24 ou bien .pure-u-1-2 ;
- la possibilité d'ajouter un attribut hidden sur vos éléments pour les cacher ;
- les boutons ont maintenant un padding par défaut visuellement uniforme sur les quatre côtés ;
- les boutons de type <input> ont la même hauteur que les autres boutons ;
- grâce à un alignement vertical amélioré, les <textarea> sans .pure-form-aligned ont un meilleur rendu.
Vous obtiendrez plus de renseignements sur cette page.
Site officiel
Quel est votre avis ?
Pure a-t-il su percer et faire sa place dans le marché ?
Connaissez-vous d'autres outils du genre ?