SPIP-Contrib

SPIP-Contrib

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

278 Plugins, 195 contribs sur SPIP-Zone, 26 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
Ez css
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

  • GIS 2 / GIS 3

    28 août 2011 – 418 commentaires

    Présentation et nouveautés GIS2 est une mise à jour majeure du plugin GIS Escoitar. Le plugin permet d’attacher des points géolocalisés aux objets de SPIP afin de les afficher sur des cartes dans les pages de votre site. GIS2 utilise une librairie (...)

  • SPIP 3.0.9 / 2.1.22 / 2.0.23 : corrections de bug et faille critique. « En mai, fais ce qu’il te plait la mise à jour, s’il te plait »

    24 mai – commentaire

    Une faille critique a été détectée permettant à toute personne de prendre le contrôle éditorial complet du site. Les versions 2.0, 2.1 et 3.0 sont impactées. Les versions 2.0.23, 2.1.22 et 3.0.9 apportent une correction urgente et si une mise à jour (...)

  • Formidable, le générateur de formulaires

    23 janvier 2012 – 827 commentaires

    Un générateur de formulaires facilement configurable pour les non-informaticiens et facilement extensible pour les développeurs. Introduction L’objectif était de créer un plugin permettant de générer des formulaires. Historiquement, 2 plugins avaient (...)

  • La Fabrique

    20 avril 2012 – 141 commentaires

    La Fabrique est un outil pour webmestres ou développeurs qui souhaitent créer des plugins. La Fabrique est capable de générer le code source minimal d’un plugin pour SPIP 3 (elle accélère donc le démarrage d’un plugin) et peut s’occuper également de (...)

  • Forums arborescents « urbAgora »

    15 avril 2010 – commentaires

    Gère l’affichage de forums arborescents dépliables, avec JQuery. Ce plugin a été développé par et pour l’asbl urbAgora (Liège). Démo Pour voir à quoi ressemble ce plugin en fonctionnement, se référer par exemple au forum de cette page. Installation En (...)