Developpez.com - Rubrique CSS

Le Club des Développeurs et IT Pro

Pure : un ensemble de petits modules CSS

Pensé pour les applications Web mobiles

Le 2013-05-31 09:22:08, par vermine, Expert éminent sénior
Pure : ensemble de petits modules CSS pensés pour les applications Web mobiles

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 fait que 5,7 Ko (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.

Pour l'utiliser, rien de plus simple :

Code html :
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.1.0/pure-min.css">

Pure s'inspire de Normalize.css et fournit des mises en page et des styles pour les éléments HTML natifs, ainsi que les composants d'interface utilisateur les plus courants.

Ayant été pensé tout d'abord pour les mobiles, Pure est de type responsive, les éléments sont réactifs. Ils restent ergonomiques sur les différentes tailles d'écran.

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.


Pure est compatible notamment avec jQuery, Bootstrap et YUI.

Site officiel

Et vous ?

Qu'utilisez-vous pour embellir vos applications mobiles ?
Selon-vous, Pure sera-t-il un incontournable dans le développement Web ?