255
Étude de cas : Climb the Mountains
Nos.super.CSS.vont.permettre.de.donner.vie.à.tout.cela.et.de.s’assurer.que.toutes.ces.données.
et.images.restent.parfaitement.immaculées.avec.une.mise.en.page.très.flexible.
La. maquette. se. décompose. en. blocs. d’informations,. afin. que. nous. puissions. facilement.
nous.focaliser.sur.la.zone.dont.nous.traitons,.plutôt.que.de.bricoler.avec.des.calques.de.mise.
en. forme. excessivement. décoratifs.. En. analysant. certaines. de. ces. excellentes. techniques,.
vous. verrez. sans. doute. comment. elles. peuvent. être. adaptées. et. appliquées. à. vos. propres.
maquettes,.avec.d’autres.fonctionnalités.de.ce.livre.
Mes. remerciements. vont. à. mon. collègue. Greg.Wood. pour. son. aide. considérable. avec. le.
concept.du.site..Toutes.les.photographies.proviennent.de.mon.compte.Flickr..La.plupart.ont.
été.prises.dans.la.région.de.Lake.District.en.Angleterre,.au.début.de.cette.année..Les.polices.
utilisées.incluent.quelques.versions.de.la.famille.Palatino.et.des.modèles.plus.courants.dont.
Helvetica,.Georgia.et.notre.bonne.vieille.Verdana,.avec.des.renvois.par.défaut.à.Arial.ou.
Times.New.Roman.
L’étude. de. cas. est. accessible. en. ligne. à. l’adresse. http://www.climbthemountains.com/
cssm/.
Organisation et conventions de la feuille de styles
Sans. que. la. question. se. pose. et. sans. envisager. le. moindre. compromis,. je. considère. que.
cipe..Au.cours.des.deux.dernières.années,.j’ai.travaillé.avec.mes.collègues.au.développement.d’une.série.de.règles.de.base.et.de.conventions.qui.doivent.être.un.point.de.départ.
pour. le. HTML,. les. CSS,. le. JavaScript. et. ExpressionEngine.. C’est. une. petite. mallette. de.
choc,.remplie.de.fichiers.CSS.connectés,.de.conventions.de.noms,.de.modules,.de.plug-ins.
et.de.bibliothèques.de.scripts.qui.garantissent.que.chaque.projet.sur.lequel.travaillent.les.
membres.de.mon.équipe.suivra.ces.conventions.et.sera.facilement.compréhensible.par.quiconque.viendra.se.joindre.à.l’action.(voir.Figure 11.2)..En.constante.évolution,.ce.paquetage.
est.l’un.des.plus.précieux.outils.de.notre.arsenal..
Figure 11.2
Un ensemble classique
de feuilles de styles de
notre paquetage de
fichiers de base.
Pour.les.CSS,.nous.disposons.de.feuilles.de.styles.qui.se.combinent.pour.offrir.une.grande.
flexibilité.dans.le.traitement.des.irrégularités.des.navigateurs.et.pour.permettre.aux.membres.
Étude de cas : Climb the Mountains
Nos.super.CSS.vont.permettre.de.donner.vie.à.tout.cela.et.de.s’assurer.que.toutes.ces.données.
et.images.restent.parfaitement.immaculées.avec.une.mise.en.page.très.flexible.
La. maquette. se. décompose. en. blocs. d’informations,. afin. que. nous. puissions. facilement.
nous.focaliser.sur.la.zone.dont.nous.traitons,.plutôt.que.de.bricoler.avec.des.calques.de.mise.
en. forme. excessivement. décoratifs.. En. analysant. certaines. de. ces. excellentes. techniques,.
vous. verrez. sans. doute. comment. elles. peuvent. être. adaptées. et. appliquées. à. vos. propres.
maquettes,.avec.d’autres.fonctionnalités.de.ce.livre.
Mes. remerciements. vont. à. mon. collègue. Greg.Wood. pour. son. aide. considérable. avec. le.
concept.du.site..Toutes.les.photographies.proviennent.de.mon.compte.Flickr..La.plupart.ont.
été.prises.dans.la.région.de.Lake.District.en.Angleterre,.au.début.de.cette.année..Les.polices.
utilisées.incluent.quelques.versions.de.la.famille.Palatino.et.des.modèles.plus.courants.dont.
Helvetica,.Georgia.et.notre.bonne.vieille.Verdana,.avec.des.renvois.par.défaut.à.Arial.ou.
Times.New.Roman.
L’étude. de. cas. est. accessible. en. ligne. à. l’adresse. http://www.climbthemountains.com/
cssm/.
Organisation et conventions de la feuille de styles
Sans. que. la. question. se. pose. et. sans. envisager. le. moindre. compromis,. je. considère. que.
cipe..Au.cours.des.deux.dernières.années,.j’ai.travaillé.avec.mes.collègues.au.développement.d’une.série.de.règles.de.base.et.de.conventions.qui.doivent.être.un.point.de.départ.
pour. le. HTML,. les. CSS,. le. JavaScript. et. ExpressionEngine.. C’est. une. petite. mallette. de.
choc,.remplie.de.fichiers.CSS.connectés,.de.conventions.de.noms,.de.modules,.de.plug-ins.
et.de.bibliothèques.de.scripts.qui.garantissent.que.chaque.projet.sur.lequel.travaillent.les.
membres.de.mon.équipe.suivra.ces.conventions.et.sera.facilement.compréhensible.par.quiconque.viendra.se.joindre.à.l’action.(voir.Figure 11.2)..En.constante.évolution,.ce.paquetage.
est.l’un.des.plus.précieux.outils.de.notre.arsenal..
Figure 11.2
Un ensemble classique
de feuilles de styles de
notre paquetage de
fichiers de base.
Pour.les.CSS,.nous.disposons.de.feuilles.de.styles.qui.se.combinent.pour.offrir.une.grande.
flexibilité.dans.le.traitement.des.irrégularités.des.navigateurs.et.pour.permettre.aux.membres.