Pure : ensemble de petits modules CSS pensés pour les applications Web mobiles

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:

---

<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.

http://img15.hostingpics.net/pics/440599PureCSS.png

Pure est compatible notamment avec jQuery, Bootstrap et YUI.

:fleche: Site officiel

Et vous ?

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

Testé sous IE8 le site officiel : erreur stack overflow at line 38
et le rendu des formulaires n'est pas bon sous IE8.

Inutilisable en production en l'état...

Étant donné qu'ils visent les mobiles, je pense que c'est plutôt compatible avec IE10. ;) Mais ils ne parlaient pas vraiment des navigateurs supportés. :?

trop intéressant ce tutoriel et en plus il est moins encombrant que les autres bibliothèque, jai juste une question a ce sujet. est t'il possible de l'utiliser dans un réseau local sans toute fois avoir des problèmes de dépendance avec d'autre lien caché, parce que jai deja télécharger la bibliothèque et je comptes le tester sur en offline pour mes dev en local.
merci pour vos réponses et suggestion.
cordialement,

A priori il n'y aura pas de problème. Votre test nous le confirmera. :P
Le fait d'appeler le script chez son hébergeur plutôt que de l'appeler depuis un répertoire sur votre serveur sert principalement à éviter d'avoir x bibliothèques sur votre serveur. Mais ici il n'y a pas l'air d'avoir de référence externe.

j'ai découvert il y a peu Knacss qui m'a bluffé !

Sortie de Pure 0.2.0

Pure est un ensemble de petits modules CSS (responsive) que vous pouvez utiliser dans chaque projet Web. Il est conçu avant tout pour des appareils mobiles.

Peu après sa sortie, l'équipe annonce déjà la révision 0.2.0.

Elle corrige notamment des problèmes de :focus et améliore la rapidité de travail du développeur.

Voici le lien pour utiliser cette version :

Code:

---

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

---

Le site de Pure a également été modifié pour être plus accessible aux différents utilisateurs (clavier, tactiles). Notons également que Pure s'inscrit dans les outils soutenus par YUI, le framework JavaScript de Yahoo!.

:fleche: Le site officiel.
:fleche: L'article sur le blog de YUI.

J'ai testé pour un mini projet et je dois avouer que c'est pas mal. Leur système de grid est bien pensé et facile à mettre en place et utiliser. En plus ils ont l'air réactif pour corriger les bugs. A voir à la longue