227
Étude de cas : Roma Italia
Avant.que.ne.fusent.les.critiques.des.aficionados.des.largeurs.fixes,.permettez-moi.de.vous.
dire.que.je.suis.un.grand.fan.des.conceptions.fluides.contraintes.avec.min-width.et.maxwidth,. comme. en. témoignent. mes. "Extensible. CSS. series". (http://cameronmoll.com/
archives/2008/02/the_highly_extensible_css_interface_the_series/). et. l’étude. de. cas. de.
la.première.édition.de.ce.livre.(http://tuscany.cssmastery.com/)..Les.mises.en.page.fluides.
permettent.de.réaliser.des.choses.fascinantes,.comme.l’excellente.méthode.de.mise.en.page.
pective/2006/01/19/).et.la.technique.des.images.fluides.d’Ethan.Marcotte.(http://unstoppablerobotninja.com/entry/fluid-images/)..Je.pense.néanmoins.qu’il.y.aura.toujours.des.
raisons.d’utiliser.des.largeurs.fixes.et.pour.être.honnête,.à.bien.des.égards,.les.mises.en.page.
à.largeur.fixe.sont.plus.commodes.que.les.fluides.
Si.l’on.part.du.principe.que.nous.nous.accordons.sur.le.fait.qu’il.est.temps.d’engager.le.
débat.concernant.le.dépassement.de.la.limite.des.960 pixels,.quelle.pourrait.donc.être.la.
largeur.idéale ?.Voici.quelques.options :
•. 1 020.est.divisible.par.2,.3,.4,.5,.6,.10,.12,.15.mais.pas.par.8.ou.par.16..Ce.n’est.pas.
beaucoup.plus.large.que.960.
•. 1 040. est. divisible. par. 2,. 4,. 5,. 8,. 10,. 16. mais. pas. par. 3,. 12. ou. 15.. Cette. largeur. est.
cependant.raisonnable.et.se.situe.à.mi-chemin.entre.la.limite.inférieure.de.960.et.les.
configurations.les.plus.hautes.des.utilisateurs.qui.naviguent.en.plein.écran.(beaucoup.ne.
le.font.pas,.comme.je.l’ai.déjà.indiqué)..
•. 1 080.est.divisible.par.2,.3,.4,.5,.6,.8,.10,.12,.15.mais.étrangement,.pas.par.16..Cette.largeur.nous.pousse.vers.l’extrémité.haute.du.spectre,.et.la.mesure.des.longueurs.de.lignes.
peut.devenir.un.problème.si.on.ne.la.gère.pas.correctement..
Il.vaut.la.peine.de.noter.que.les.divisions.entières.ne.constituent.pas.l’unique.possibilité.
pour.les.divisions.de.la.grille,.ni.forcément.le.cas.idéal..On.peut.ainsi.envisager.des.divisions. proportionnelles,. par. exemple. en. utilisant. le. nombre. d’or. (http://fr.wikipedia.org/
wiki/Nombre_d’or)..Mais,.comme.le.signale.Jason.Santa.Maria,.les.divisions.proportionnelles.peuvent.ne.pas.être.commodes.sur.le.Web.car.elles.demandent.de.pouvoir.observer.
simultanément.les.divisions.horizontales.et.verticales,.alors.que.la.dernière.n’est.souvent.
pas. visible. entièrement. quand. on. consulte. les. pages. (voir. http://jasonsantamaria.com/
articles/whats-golden/).
Si.nous.dépassons.les.960 pixels,.je.ne.suis.donc.pas.certain.que.nous.aurons.cette.fois.un.
grand.gagnant.comme.ce.fut.le.cas.la.dernière.fois..Aucune.des.largeurs.indiquées.précédemment.ne.semble.aussi.flexible.que.celle.de.960 pixels,.à.tout.le.moins.du.point.de.vue.
mathématique..Pour.cette.étude.de.cas,.j’ai.cependant.choisi.une.largeur.de.1 080 pixels..Elle.
offre.de.nombreuses.options.pour.la.grille.et.elle.est.suffisamment.plus.large.que.960 pixels.
pour.valoir.la.peine.d’être.testée.
Étude de cas : Roma Italia
Avant.que.ne.fusent.les.critiques.des.aficionados.des.largeurs.fixes,.permettez-moi.de.vous.
dire.que.je.suis.un.grand.fan.des.conceptions.fluides.contraintes.avec.min-width.et.maxwidth,. comme. en. témoignent. mes. "Extensible. CSS. series". (http://cameronmoll.com/
archives/2008/02/the_highly_extensible_css_interface_the_series/). et. l’étude. de. cas. de.
la.première.édition.de.ce.livre.(http://tuscany.cssmastery.com/)..Les.mises.en.page.fluides.
permettent.de.réaliser.des.choses.fascinantes,.comme.l’excellente.méthode.de.mise.en.page.
pective/2006/01/19/).et.la.technique.des.images.fluides.d’Ethan.Marcotte.(http://unstoppablerobotninja.com/entry/fluid-images/)..Je.pense.néanmoins.qu’il.y.aura.toujours.des.
raisons.d’utiliser.des.largeurs.fixes.et.pour.être.honnête,.à.bien.des.égards,.les.mises.en.page.
à.largeur.fixe.sont.plus.commodes.que.les.fluides.
Si.l’on.part.du.principe.que.nous.nous.accordons.sur.le.fait.qu’il.est.temps.d’engager.le.
débat.concernant.le.dépassement.de.la.limite.des.960 pixels,.quelle.pourrait.donc.être.la.
largeur.idéale ?.Voici.quelques.options :
•. 1 020.est.divisible.par.2,.3,.4,.5,.6,.10,.12,.15.mais.pas.par.8.ou.par.16..Ce.n’est.pas.
beaucoup.plus.large.que.960.
•. 1 040. est. divisible. par. 2,. 4,. 5,. 8,. 10,. 16. mais. pas. par. 3,. 12. ou. 15.. Cette. largeur. est.
cependant.raisonnable.et.se.situe.à.mi-chemin.entre.la.limite.inférieure.de.960.et.les.
configurations.les.plus.hautes.des.utilisateurs.qui.naviguent.en.plein.écran.(beaucoup.ne.
le.font.pas,.comme.je.l’ai.déjà.indiqué)..
•. 1 080.est.divisible.par.2,.3,.4,.5,.6,.8,.10,.12,.15.mais.étrangement,.pas.par.16..Cette.largeur.nous.pousse.vers.l’extrémité.haute.du.spectre,.et.la.mesure.des.longueurs.de.lignes.
peut.devenir.un.problème.si.on.ne.la.gère.pas.correctement..
Il.vaut.la.peine.de.noter.que.les.divisions.entières.ne.constituent.pas.l’unique.possibilité.
pour.les.divisions.de.la.grille,.ni.forcément.le.cas.idéal..On.peut.ainsi.envisager.des.divisions. proportionnelles,. par. exemple. en. utilisant. le. nombre. d’or. (http://fr.wikipedia.org/
wiki/Nombre_d’or)..Mais,.comme.le.signale.Jason.Santa.Maria,.les.divisions.proportionnelles.peuvent.ne.pas.être.commodes.sur.le.Web.car.elles.demandent.de.pouvoir.observer.
simultanément.les.divisions.horizontales.et.verticales,.alors.que.la.dernière.n’est.souvent.
pas. visible. entièrement. quand. on. consulte. les. pages. (voir. http://jasonsantamaria.com/
articles/whats-golden/).
Si.nous.dépassons.les.960 pixels,.je.ne.suis.donc.pas.certain.que.nous.aurons.cette.fois.un.
grand.gagnant.comme.ce.fut.le.cas.la.dernière.fois..Aucune.des.largeurs.indiquées.précédemment.ne.semble.aussi.flexible.que.celle.de.960 pixels,.à.tout.le.moins.du.point.de.vue.
mathématique..Pour.cette.étude.de.cas,.j’ai.cependant.choisi.une.largeur.de.1 080 pixels..Elle.
offre.de.nombreuses.options.pour.la.grille.et.elle.est.suffisamment.plus.large.que.960 pixels.
pour.valoir.la.peine.d’être.testée.