190
Maîtrise des CSS
Quand.les.développeurs.emploient.des.frameworks.pour.contrôler.la.mise.en.page,.ils.se.
trouvent.contraints.d’utiliser.un.style.de.balisage.axé.sur.la.présentation.qui.ressemble.aux.
anciennes.maquettes.à.tableaux..On.pourrait.même.avancer.que.les.tableaux.valent.mieux.
que.les.frameworks.CSS,.car.ils.utilisent.le.même.balisage.axé.sur.la.présentation.mais.sans.les.
CSS.en.plus.à.charger..Les.frameworks.forcent.en.outre.le.développeur.à.connaître.non.seulement.le.langage.sous-jacent.mais.aussi.celui.du.framework..Le.plus.souvent,.cela.n’arrive.
même.pas.et.le.développeur.se.retrouve.avec.une.connaissance.superficielle.des.deux.
Les.frameworks.ont.comme.autre.désavantage.d’imposer.une.structure.quadrillée.particulière.à.vos.mises.en.page..C’est.parfait.lorsque.celles-ci.concordent.avec.les.largeurs.et.les.
marges.définies.par.le.framework..Mais.tout.comme.il.n’est.pas.acceptable.que.votre.framework.de.programmation.vienne.imposer.un.fonctionnement.type.à.votre.site.web,.il.est.
inacceptable.que.votre.framework.CSS.en.réglemente.la.présentation..Lorsque.vous.adoptez.
un.framework.spécifique,.vous.risquez.de.l’utiliser.pour.chaque.projet.et.de.vous.retrouver.
dans.une.ornière.."Quand.on.n’a.qu’un.marteau,.tout.ressemble.à.un.clou !"
Ces.problèmes.s’éclairent.quand.on.comprend.d’où.viennent.les.frameworks..Au.lieu.d’être.
conçus.de.toutes.pièces.comme.un.système.de.mise.en.forme.flexible.pour.toutes.sortes.de.
conceptions,.ils.ont.été.créés.pour.la.plupart.sur.des.sites.comme.Yahoo!.ou.le.Laurence.
Kansas.Journal..Ces.sites.possédaient.déjà.des.structures.quadrillées.et.des.guides.de.styles.
bien.définis..Les.développeurs.savaient.donc.que.chaque.nouvelle.page.obéirait.aux.mêmes.
principes..Au.fil.du.temps,.ils.ont.trouvé.d’autres.usages.pour.ces.systèmes.et.en.ont.proposé. des. abstractions,. puis. les. ont. mis. à. disposition. du. public.. Mais. l’adaptation. de. ces.
frameworks.à.leurs.sites.d’origine.reste.évidente.pour.qui.les.utilise.aujourd’hui..
Comment,.dès.lors,.tirer.parti.des.avantages.en.termes.de.productivité.qu’offrent.les.frameworks.CSS,.sans.pâtir.de.leurs.inconvénients ?.C’est.tout.l’intérêt.des.systèmes.CSS..Un.
système.CSS.est.une.sorte.de.boîte.à.outils.réutilisable.de.styles.et.de.principes.de.balisage.
qui.peut.être.utilisée.pour.développer.des.frameworks.propres.à.tel.ou.tel.site..Cette.boîte.à.
outils.peut.inclure.vos.redéfinitions.globales,.vos.styles.typographiques.et.vos.traitements.
des.formulaires,.ainsi.que.des.patterns.de.code.HTML.pour.les.composants.HTML.courants.
comme.les.formulaires.d’inscription,.les.tableaux.de.calendrier.et.les.listes.de.navigation..
Vous. pouvez. ensuite. utiliser. les. techniques. apprises. dans. ce. livre. pour. développer. pour.
vos.clients.un.système.qui.agit.à.la.manière.d’un.framework.personnalisé,.avec.toutes.les.
options.de.mises.en.forme.dont.vous.pourriez.avoir.besoin..Ce.processus.requiert.au.départ.
un.petit.effort.supplémentaire.de.votre.part,.mais.il.offre.tous.les.avantages.d’un.framework.
CSS.sans.ses.inconvénients.
Maîtrise des CSS
Quand.les.développeurs.emploient.des.frameworks.pour.contrôler.la.mise.en.page,.ils.se.
trouvent.contraints.d’utiliser.un.style.de.balisage.axé.sur.la.présentation.qui.ressemble.aux.
anciennes.maquettes.à.tableaux..On.pourrait.même.avancer.que.les.tableaux.valent.mieux.
que.les.frameworks.CSS,.car.ils.utilisent.le.même.balisage.axé.sur.la.présentation.mais.sans.les.
CSS.en.plus.à.charger..Les.frameworks.forcent.en.outre.le.développeur.à.connaître.non.seulement.le.langage.sous-jacent.mais.aussi.celui.du.framework..Le.plus.souvent,.cela.n’arrive.
même.pas.et.le.développeur.se.retrouve.avec.une.connaissance.superficielle.des.deux.
Les.frameworks.ont.comme.autre.désavantage.d’imposer.une.structure.quadrillée.particulière.à.vos.mises.en.page..C’est.parfait.lorsque.celles-ci.concordent.avec.les.largeurs.et.les.
marges.définies.par.le.framework..Mais.tout.comme.il.n’est.pas.acceptable.que.votre.framework.de.programmation.vienne.imposer.un.fonctionnement.type.à.votre.site.web,.il.est.
inacceptable.que.votre.framework.CSS.en.réglemente.la.présentation..Lorsque.vous.adoptez.
un.framework.spécifique,.vous.risquez.de.l’utiliser.pour.chaque.projet.et.de.vous.retrouver.
dans.une.ornière.."Quand.on.n’a.qu’un.marteau,.tout.ressemble.à.un.clou !"
Ces.problèmes.s’éclairent.quand.on.comprend.d’où.viennent.les.frameworks..Au.lieu.d’être.
conçus.de.toutes.pièces.comme.un.système.de.mise.en.forme.flexible.pour.toutes.sortes.de.
conceptions,.ils.ont.été.créés.pour.la.plupart.sur.des.sites.comme.Yahoo!.ou.le.Laurence.
Kansas.Journal..Ces.sites.possédaient.déjà.des.structures.quadrillées.et.des.guides.de.styles.
bien.définis..Les.développeurs.savaient.donc.que.chaque.nouvelle.page.obéirait.aux.mêmes.
principes..Au.fil.du.temps,.ils.ont.trouvé.d’autres.usages.pour.ces.systèmes.et.en.ont.proposé. des. abstractions,. puis. les. ont. mis. à. disposition. du. public.. Mais. l’adaptation. de. ces.
frameworks.à.leurs.sites.d’origine.reste.évidente.pour.qui.les.utilise.aujourd’hui..
Comment,.dès.lors,.tirer.parti.des.avantages.en.termes.de.productivité.qu’offrent.les.frameworks.CSS,.sans.pâtir.de.leurs.inconvénients ?.C’est.tout.l’intérêt.des.systèmes.CSS..Un.
système.CSS.est.une.sorte.de.boîte.à.outils.réutilisable.de.styles.et.de.principes.de.balisage.
qui.peut.être.utilisée.pour.développer.des.frameworks.propres.à.tel.ou.tel.site..Cette.boîte.à.
outils.peut.inclure.vos.redéfinitions.globales,.vos.styles.typographiques.et.vos.traitements.
des.formulaires,.ainsi.que.des.patterns.de.code.HTML.pour.les.composants.HTML.courants.
comme.les.formulaires.d’inscription,.les.tableaux.de.calendrier.et.les.listes.de.navigation..
Vous. pouvez. ensuite. utiliser. les. techniques. apprises. dans. ce. livre. pour. développer. pour.
vos.clients.un.système.qui.agit.à.la.manière.d’un.framework.personnalisé,.avec.toutes.les.
options.de.mises.en.forme.dont.vous.pourriez.avoir.besoin..Ce.processus.requiert.au.départ.
un.petit.effort.supplémentaire.de.votre.part,.mais.il.offre.tous.les.avantages.d’un.framework.
CSS.sans.ses.inconvénients.