Vous êtes nouveau sur Developpez.com ? Créez votre compte ou connectez-vous afin de pouvoir participer !

Vous devez avoir un compte Developpez.com et être connecté pour pouvoir participer aux discussions.

Vous n'avez pas encore de compte Developpez.com ? Créez-en un en quelques instants, c'est entièrement gratuit !

Si vous disposez déjà d'un compte et qu'il est bien activé, connectez-vous à l'aide du formulaire ci-dessous.

Identifiez-vous
Identifiant
Mot de passe
Mot de passe oublié ?
Créer un compte

L'inscription est gratuite et ne vous prendra que quelques instants !

Je m'inscris !

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

Le , par vermine

0PARTAGES

3  0 
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 ?

Une erreur dans cette actualité ? Signalez-le nous !

Avatar de 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...
0  0 
Avatar de vermine
Responsable Jeux-Concours 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.
0  0 
Avatar de 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,
0  0 
Avatar de vermine
Responsable Jeux-Concours 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.
0  0 
Avatar de Moineau
En attente de confirmation mail https://www.developpez.com
Le 07/06/2013 à 14:09
j'ai découvert il y a peu Knacss qui m'a bluffé !
0  0 
Avatar de Kaamo
Membre émérite 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
0  0 
Contacter le responsable de la rubrique CSS

Partenaire : Hébergement Web