SPIP-Contrib

SPIP-Contrib

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

279 Plugins, 195 contribs sur SPIP-Zone, 84 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.1

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

Retour en haut de la page

Tout afficher

Vos commentaires

Répondre à cet article

Qui êtes-vous ?
  • [Se connecter]

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

  • Calendrier Mini 2.0

    19 mai 2012 – 164 commentaires

    Ce plugin ajoute la balise #CALENDRIER_MINI qui insère un petit widget de navigation par mois dans les dates des évènements. Fonctionnement du mini calendrier Le mini calendrier présente un mois à la fois. Les jours du mois comportant des (...)

  • Balloons

    12 avril 2013 – commentaires

    Balloons est un squelette de blog RWD pour SPIP 3 basé sur la dist (les squelettes par défaut de SPIP). Le squelette est une adaptation du thème Balloons pour Wordpress créé par Chris Magiera. Comme Chris a eu la bonne idée de diffuser son thème (...)

  • Un glossaire interne pour vos sites

    27 mai 2007 – 303 commentaires

    Votre site utilise un vocabulaire technique spécialisé, vous avez une tendance maladive à jargonner sans vous en rendre compte, voici une solution pour que votre prose reste néanmoins accessible au commun des (...)

  • (es) Modelo de esqueleto reutilizable

    17 novembre 2009 – commentaires

    Hacia una estructura modelo para promover la reutilización, el intercambio y la mejora de los conocimientos colectivos. Continuación de la reflexión del artículo « L’après SPIP 2.0 ». Los esqueletos dist de SPIP 1.9.x y 2.0 Los esqueletos dist de SPIP (...)

  • Codeur d’adresses email 2

    27 février 2013 – commentaire

    Ce plugin encode en javascript les raccourcis SPIP de liens email contre les robots collecteurs d’adresses email (souvent appelés aussi spambots) et qui constituent des bases de données de ces adresses en vue de faire du spam. Si le robot tente de (...)