ez-css : le framework css facile et efficace

Ce plugin permet d’utiliser le css framework (prononcer « easy css »).

Ce framework apporte deux avantages clefs pour tout webmaster :

-  Il est facile à comprendre et à utiliser : il faut moins de 5 mn pour le maîtriser.
-  il permet d’afficher à l’identique une page html/css quelque soit le navigateur (firefox, IE, chrome...). Fini les mots de tête et les mauvaises surprises.

Contrairement aux autres framework (blueprint, bluetrip, 960...), ez-css n’utilise pas de grille. Il est dont plus souple, plus modulable et impose moins de contraintes.

Pour utiliser ez-css, il faut (installer le plugin) puis aller sur le site ez-css.org et copier-coller les layouts selon la maquette de votre page. Voir ici.

Ce système permet de construire des maquettes complexes de plusieurs colonnes enchevêtrées ou des pages toutes simples.

Le mode d’emploi est proposé en video, en en pdf téléchargeable.

-  Pré-requis d’utilisation : maîtrise des CSS.
-  Code original de Thierry Koblentz ez-css Copyright 2009 - 2010 « licensed under BSD and MIT ».
-  Mis en spip par Gilles Klein 63com.com

Mode d’emploi

Installer le plugin selon la procédure habituelle.

Se rendre sur le site ez-css.

Copier coller dans son squelette entre les balise <body> et </body>, le premier module « plain text ».

Changer la div « ez-wr » par « ez-mw » puisque c’est le module racine. puis copier coller les modules en ligne et en colonne. Voir la vidéo pour les détails.

Les surcharges d’ez-css sont à faire dans le fichier perso.css pour garder le plugin intact et faciliter les mises à jour éventuelles.

Le plugin pour SPIP :

EZ-CSS (1.0.3)

Dernière modification de cette page le 13 février 2019

Discussion

3 discussions

Ajouter un commentaire

Qui êtes-vous ?

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom