SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

282 Plugins, 197 contribs sur SPIP-Zone, 213 visiteurs en ce moment

Accueil > Squelettes > Outils pour squelettes > ez-css > ez-css : le framework css facile et efficace

ez-css : le framework css facile et efficace

28 septembre 2012 – par gilles – commentaires

4 votes

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.

JPEG - 22.3 ko

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 :

Zip - 16.6 ko
Version 1.0.2

Voir en ligne : http://plugins.spip.net/ezcss

Retour en haut de la page

Vos commentaires

Répondre à cet article

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 Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • bigfoot

    16 juin – 25 commentaires

    Un plugin qui facilite l’utilisation des notes de bas de page en les affichant dans des infobulles à l’aide d’un peu de javascript. Le constat de l’auteur du script : Les notes de bas de page sur le web sont une plaie. Tu dois d’abord essayer de (...)

  • Lecteur pdf javascript pdf.js

    20 février 2012 – 127 commentaires

    Ce plugin est basé sur le projet pdf.js qui permet une lecture en ligne des pdfs depuis le navigateur. Ce plugin est expérimental et les contributions sur la zone sont les bienvenues. Avantages Open source Ne requiert pas flash et donc (...)

  • GIS 4

    11 août 2012 – 1025 commentaires

    Présentation et nouveautés La version 4 de GIS abandonne la libraire Mapstraction au profit de Leaflet. Cette librairie permet de s’affranchir des librairies propriétaires tout en gardant les mêmes fonctionnalités, elle propose même de nouvelles (...)

  • Adaptive Images

    15 novembre 2013 – 47 commentaires

    Un plugin pour permettre aux sites responsive d’adapter automatiquement les images de la page à l’écran de consultation. Adaptive Images, que l’on pourrait traduire par Images adaptatives, désigne la pratique qui vise à adapter les taille, résolution (...)

  • Enluminures typographiques V3

    25 juillet 2009 – 174 commentaires

    Les Enluminures typographiques V3 permettent d’ajouter au Porte plume les raccourcis typographiques présents dans le Plugin Barre Typographique Enluminée. C’est une extension du PortePlume. Pour la documentation d’usage, se reporter à celle du (...)