238
Maîtrise des CSS
cette.différence.est.en.revanche.tout.à.fait.considérable..On.peut.ainsi.s’épargner.tout.un.
travail.pour.calculer.les.unités.relatives.dans.un.document.CSS ;.car.tout.est.plus.commode.
avec.les.unités.absolues :.14.px,.c’est.14 px.n’importe.où.dans.le.document,.quels.que.soient.
les.éléments.parents,.dont.la.valeur.de.font-size.peut.être.différente..
Cette.étude.de.cas.est.censée.être.réaliste,.certes,.mais.elle.est.avant.tout.expérimentale..Je.
m’offre.la.liberté.de.me.demander.parfois."et.si… ?".et."pourquoi.ne.pas.tenter… ?".Vos.
projets. peuvent. être. plus. restrictifs,. aussi. efforcez-vous. de. prendre. la. bonne. décision. en.
fonction.de.votre.public.cible,.comme.toutes.les.décisions.des.professionnels.du.Web..C’est.
la.constante.absolue.pour.les.programmeurs.de.sites,.l’invariant.qui.résiste.à.tous.les.bouleversements.passés,.présents.et.futurs.de.cette.industrie..Autrement.dit,.si.le.choix.des.unités.
relatives.convient.à.votre.projet,.il.est.exclu.que.quiconque.puisse.affirmer.le.contraire.–.pas.
même.moi.
Pour.plus.d’informations.sur.le.débat.au.sujet.de.l’unité.px.pour.font-size,.consultez.ces.
articles.(en.anglais) :
•. http://www.wilsonminer.com/posts/2007/mar/16/problem-pixels/ :.le.problème.avec.
les.pixels.
•. http://www.456bereastreet.com/archive/200703/ie_7_does_not_resize_text_sized_
in_pixels/ :.Internet.Explorer 7.ne.redimensionne.pas.le.texte.spécifié.en.pixels.
•. http://mezzoblue.com/archives/2008/10/07/zoom/ :.Mezzoblue.–.Zoom.
•. http://orderedlist.com/articles/hello-old-friend :.Hello.Old.Friend.
Ponctuation hors justification
graphe.expérimenté.œuvre.à.l’arrière-plan..Cette.fonctionnalité.est.disponible.dans.la.plupart. des applications. de. conception. d’Adobe,. mais. elle. n’est. pas. disponible. sous. forme.
de. propriété. CSS.. Du. moins,. pas. encore.. Une. propriété. appelée. hanging-punctuation. est. bien proposée. dans. la. spécification. CSS 3. (voir. http://www.w3.org/TR/css3text/#hanging-punctuation),. mais,. à. ma. connaissance,. aucun. navigateur. ne. la. prend.
encore.en.charge..
La.ponctuation.hors.justification.aligne.les.marques.de.ponctuation.en.dehors.du.bloc.de.
texte.afin.de.ne.pas.interrompre.l’enchaînement.visuel.du.texte..La.Figure 10.8.en.présente.
un.exemple.avec.des.guillemets..
Cette.technique.est.utilisée.à.trois.endroits.dans.la.page.d’accueil :.la.première.ligne.de.texte.
sous.le.titre.Roma.Moleskine.(voir.Figure 10.9),.le.texte.du.tweet.dans.les.marqueurs.de.
la. carte.Voices.Around. the.World. et. pour. la. citation. orange. par. Bède. le.Vénérable.. La.
dernière.est.une.image,.aussi.commençons.par.elle..La.même.technique.est.utilisée.pour.
la.seconde..
Maîtrise des CSS
cette.différence.est.en.revanche.tout.à.fait.considérable..On.peut.ainsi.s’épargner.tout.un.
travail.pour.calculer.les.unités.relatives.dans.un.document.CSS ;.car.tout.est.plus.commode.
avec.les.unités.absolues :.14.px,.c’est.14 px.n’importe.où.dans.le.document,.quels.que.soient.
les.éléments.parents,.dont.la.valeur.de.font-size.peut.être.différente..
Cette.étude.de.cas.est.censée.être.réaliste,.certes,.mais.elle.est.avant.tout.expérimentale..Je.
m’offre.la.liberté.de.me.demander.parfois."et.si… ?".et."pourquoi.ne.pas.tenter… ?".Vos.
projets. peuvent. être. plus. restrictifs,. aussi. efforcez-vous. de. prendre. la. bonne. décision. en.
fonction.de.votre.public.cible,.comme.toutes.les.décisions.des.professionnels.du.Web..C’est.
la.constante.absolue.pour.les.programmeurs.de.sites,.l’invariant.qui.résiste.à.tous.les.bouleversements.passés,.présents.et.futurs.de.cette.industrie..Autrement.dit,.si.le.choix.des.unités.
relatives.convient.à.votre.projet,.il.est.exclu.que.quiconque.puisse.affirmer.le.contraire.–.pas.
même.moi.
Pour.plus.d’informations.sur.le.débat.au.sujet.de.l’unité.px.pour.font-size,.consultez.ces.
articles.(en.anglais) :
•. http://www.wilsonminer.com/posts/2007/mar/16/problem-pixels/ :.le.problème.avec.
les.pixels.
•. http://www.456bereastreet.com/archive/200703/ie_7_does_not_resize_text_sized_
in_pixels/ :.Internet.Explorer 7.ne.redimensionne.pas.le.texte.spécifié.en.pixels.
•. http://mezzoblue.com/archives/2008/10/07/zoom/ :.Mezzoblue.–.Zoom.
•. http://orderedlist.com/articles/hello-old-friend :.Hello.Old.Friend.
Ponctuation hors justification
graphe.expérimenté.œuvre.à.l’arrière-plan..Cette.fonctionnalité.est.disponible.dans.la.plupart. des applications. de. conception. d’Adobe,. mais. elle. n’est. pas. disponible. sous. forme.
de. propriété. CSS.. Du. moins,. pas. encore.. Une. propriété. appelée. hanging-punctuation. est. bien proposée. dans. la. spécification. CSS 3. (voir. http://www.w3.org/TR/css3text/#hanging-punctuation),. mais,. à. ma. connaissance,. aucun. navigateur. ne. la. prend.
encore.en.charge..
La.ponctuation.hors.justification.aligne.les.marques.de.ponctuation.en.dehors.du.bloc.de.
texte.afin.de.ne.pas.interrompre.l’enchaînement.visuel.du.texte..La.Figure 10.8.en.présente.
un.exemple.avec.des.guillemets..
Cette.technique.est.utilisée.à.trois.endroits.dans.la.page.d’accueil :.la.première.ligne.de.texte.
sous.le.titre.Roma.Moleskine.(voir.Figure 10.9),.le.texte.du.tweet.dans.les.marqueurs.de.
la. carte.Voices.Around. the.World. et. pour. la. citation. orange. par. Bède. le.Vénérable.. La.
dernière.est.une.image,.aussi.commençons.par.elle..La.même.technique.est.utilisée.pour.
la.seconde..