38
Maîtrise des CSS
•. Composants.de.page
. –. Pages.individuelles
•. Redéfinitions
J’utilise.un.grand.bloc.de.commentaire.mis.en.forme.pour.séparer.visuellement.chaque.section..
/* @group styles généraux
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* @group styles utilitaires
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* @group structure de page
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* @group composants de page
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* @group redéfinitions
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
Bien.sûr,.tout.ne.vient.pas.se.ranger.dans.un.bloc.bien.défini..Parfois,.il.faut.se.poser.quelques.
questions..Gardez.à.l’esprit.que,.plus.vous.pourrez.décomposer.et.rationaliser.votre.code,.
plus.il.sera.facile.à.comprendre.et.plus.vous.pourrez.rapidement.retrouver.les.règles.que.
vous.cherchez.
Comme.mes.feuilles.de.styles.possèdent.souvent.une.structure.analogue,.je.gagne.du.temps.
en. créant. mes. propres. modèles. CSS. précommentés. pour. tous. mes. projets..Vous. pouvez.
encore.gagner.du.temps.en.ajoutant.quelques.règles.courantes.à.utiliser.dans.tous.vos.sites,.
de.manière.à.créer.une.sorte.de.fichier.CSS.prototype..Inutile.de.réinventer.la.roue.chaque.
fois.que.vous.lancez.un.nouveau.projet..Vous.trouverez.un.fichier.CSS.prototype.dans.le.
code.à.télécharger.pour.ce.livre.sur.le.site.www.pearson.fr.
Note à soi-même
Dans.le.cadre.des.projets.complexes.et.volumineux,.il.est.souvent.utile.d’annoter.les.fichiers.
CSS.avec.des.commentaires.temporaires.qui.facilitent.le.développement..Il.peut.s’agir.de.
simples.rappels.des.tâches.à.effectuer.avant.la.phase.de.lancement.ou.de.tableaux.de.référence.pour.les.valeurs.courantes,.comme.les.largeurs.de.colonne.
Si.vous.utilisez.beaucoup.de.couleurs,.vous.risquez.d’effectuer.de.constants.allers-retours.
entre.votre.application.graphique.et.votre.éditeur.texte.pour.vérifier.les.valeurs.hexadécimales..C’est.vite.agaçant.et.c’est.précisément.pourquoi.certains.développeurs.ont.suggéré.de.
créer.des.variables.CSS..L’idée.est.intéressante,.mais.elle.conduirait.à.rapprocher.encore.les.
CSS.d’un.langage.de.programmation,.avec.le.risque.de.décourager.les.non-programmeurs..
J’ai.préféré.adopter.une.méthode.plus.simple..Je.me.contente.d’ajouter.une.petite.table.de.
référence.des.couleurs.en.haut.de.ma.feuille.de.styles.afin.de.pouvoir.m’y.référer.constamment.pendant.le.développement..Une.fois.que.j’ai.fini.de.développer.la.page,.je.la.supprime.
généralement..
Maîtrise des CSS
•. Composants.de.page
. –. Pages.individuelles
•. Redéfinitions
J’utilise.un.grand.bloc.de.commentaire.mis.en.forme.pour.séparer.visuellement.chaque.section..
/* @group styles généraux
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* @group styles utilitaires
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* @group structure de page
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* @group composants de page
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* @group redéfinitions
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
Bien.sûr,.tout.ne.vient.pas.se.ranger.dans.un.bloc.bien.défini..Parfois,.il.faut.se.poser.quelques.
questions..Gardez.à.l’esprit.que,.plus.vous.pourrez.décomposer.et.rationaliser.votre.code,.
plus.il.sera.facile.à.comprendre.et.plus.vous.pourrez.rapidement.retrouver.les.règles.que.
vous.cherchez.
Comme.mes.feuilles.de.styles.possèdent.souvent.une.structure.analogue,.je.gagne.du.temps.
en. créant. mes. propres. modèles. CSS. précommentés. pour. tous. mes. projets..Vous. pouvez.
encore.gagner.du.temps.en.ajoutant.quelques.règles.courantes.à.utiliser.dans.tous.vos.sites,.
de.manière.à.créer.une.sorte.de.fichier.CSS.prototype..Inutile.de.réinventer.la.roue.chaque.
fois.que.vous.lancez.un.nouveau.projet..Vous.trouverez.un.fichier.CSS.prototype.dans.le.
code.à.télécharger.pour.ce.livre.sur.le.site.www.pearson.fr.
Note à soi-même
Dans.le.cadre.des.projets.complexes.et.volumineux,.il.est.souvent.utile.d’annoter.les.fichiers.
CSS.avec.des.commentaires.temporaires.qui.facilitent.le.développement..Il.peut.s’agir.de.
simples.rappels.des.tâches.à.effectuer.avant.la.phase.de.lancement.ou.de.tableaux.de.référence.pour.les.valeurs.courantes,.comme.les.largeurs.de.colonne.
Si.vous.utilisez.beaucoup.de.couleurs,.vous.risquez.d’effectuer.de.constants.allers-retours.
entre.votre.application.graphique.et.votre.éditeur.texte.pour.vérifier.les.valeurs.hexadécimales..C’est.vite.agaçant.et.c’est.précisément.pourquoi.certains.développeurs.ont.suggéré.de.
créer.des.variables.CSS..L’idée.est.intéressante,.mais.elle.conduirait.à.rapprocher.encore.les.
CSS.d’un.langage.de.programmation,.avec.le.risque.de.décourager.les.non-programmeurs..
J’ai.préféré.adopter.une.méthode.plus.simple..Je.me.contente.d’ajouter.une.petite.table.de.
référence.des.couleurs.en.haut.de.ma.feuille.de.styles.afin.de.pouvoir.m’y.référer.constamment.pendant.le.développement..Une.fois.que.j’ai.fini.de.développer.la.page,.je.la.supprime.
généralement..