Pure : un ensemble de petits modules CSS
Pensé pour les applications Web mobiles

Le , par vermine, Responsable JavaScript & AJAX
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 : Sélectionner tout
<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 ?


Vous avez aimé cette actualité ? Alors partagez-la avec vos amis en cliquant sur les boutons ci-dessous :


 Poster une réponse

Avatar de Torotoro Torotoro - Nouveau membre du Club https://www.developpez.com
le 06/06/2013 à 9:15
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...
Avatar de vermine vermine - Responsable JavaScript & AJAX https://www.developpez.com
le 06/06/2013 à 9:17
É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.
Avatar de herve_pat herve_pat - Nouveau Candidat au Club https://www.developpez.com
le 06/06/2013 à 17:55
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,
Avatar de vermine vermine - Responsable JavaScript & AJAX https://www.developpez.com
le 07/06/2013 à 8:09
A priori il n'y aura pas de problème. Votre test nous le confirmera.
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.
Avatar de Moineau Moineau - Membre à l'essai https://www.developpez.com
le 07/06/2013 à 14:09
j'ai découvert il y a peu Knacss qui m'a bluffé !
Avatar de vermine vermine - Responsable JavaScript & AJAX https://www.developpez.com
le 13/06/2013 à 8:52
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 html : Sélectionner tout
<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!.

Le site officiel.
L'article sur le blog de YUI.
Avatar de Kaamo Kaamo - Membre expert https://www.developpez.com
le 13/06/2013 à 12:09
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
Offres d'emploi IT
Développeur WEB PHP F/H
VACALIANS GROUP - Languedoc Roussillon - SETE (34)
RESPONSABLE WEB ANALYTICS F/H
VACALIANS GROUP - Languedoc Roussillon - SETE (34)
Développeur Web FULL-STACK
VACALIANS GROUP - Languedoc Roussillon - SETE (34)

Voir plus d'offres Voir la carte des offres IT
Responsable bénévole de la rubrique CSS : Xavier Lecomte -