241
Étude de cas : Roma Italia
Le.code.CSS,.à.l’inverse,.est.loin.d’être.standard :.
#main-video {
float: left;
margin: 40px 10px 70px;
width: 520px;
-moz-column-count: 2;
-moz-column-gap: 20px;
-webkit-column-count: 2;
-webkit-column-gap: 20px;
}
Ici.encore,.nous.nous.trouvons.contraints.d’utiliser.les.préfixes.–moz–.(Mozilla).et.–webkit–.(WebKit)..Vous.remarquerez.que.deux.propriétés.entrent.en.jeu :.column-count.et.
column-gap..Elles.sont.assez.simples.à.comprendre.et.à.utiliser ;.vous.n’avez.qu’à.définir.
une.valeur.pour.le.nombre.de.colonnes.souhaité.et.sélectionner.une.valeur.pour.l’interstice.
qui.les.sépare..Le.bloc.de.texte.entier.est.ensuite.automatiquement.réparti.dans.le.nombre.
de.colonnes.spécifié..Une.troisième.propriété,.column-rule,.permet.d’ajouter.une.bordure.
entre.les.colonnes.(par.exemple,.column-rule: 1px solid #000;).
La.question.se.pose,.certes,.du.bien-fondé.du.texte.multicolonne.sur.le.Web.et.des.problèmes.liés.à.la.nécessité.de.faire.défiler.la.page.tantôt.vers.le.haut,.tantôt.vers.le.bas,.
mais. je. ne. doute. pas. qu’entre. les. mains. d’un. typographe. expérimenté. l’affichage. sur.
plusieurs.colonnes.permettra.d’étendre.les.options.typographiques.dont.nous.disposons.
sur.le.Web.
@font-face
Ce.sujet.ne.saurait.être.mieux.présenté.qu’en.reprenant.les.termes.de.Jeffrey.Veen,.fondateur.
de.Typekit.(http://typekit.com/) :
"La. recommandation. du. W3C. pour. les. polices. Web. CSS. [@font-face]. va. bientôt. fêter. son. septième. anniversaire.. Pourquoi,. après. tant. d’années,. la. typographie. web.
n’a-t-elle. pas. plus. progressé ?. Pourquoi. les. concepteurs. n’ont-ils. pas. adopté. les. polices.
liées. et. téléchargeables. dans. leurs. maquettes ?". (http://blog.typekit.com/2009/06/02/
fonts-JavaScript-and-how-designers-design/).
Excellentes.questions,.Jeffrey..Il.y.a.fort.à.parier.que.d’ici.à.ce.que.ce.livre.atteigne.les.étagères.des.librairies.et.se.fraie.finalement.un.chemin.jusqu’à.vos.mains,.le.produit.Typekit.de.
Jeffrey.aura.en.grande.partie.répondu.à.cette.question,.justement..Typekit.tente.de.résoudre.
les.problèmes.d’implémentation.et.de.sécurité.(traités.plus.loin.dans.cette.section).avec.@
font-face.en.hébergeant.de.manière.centralisée.des.polices.qui.ont.déjà.été.approuvées.par.
les.éditeurs.de.polices.pour.la.liaison.(voir.Figure 10.11).
Étude de cas : Roma Italia
Le.code.CSS,.à.l’inverse,.est.loin.d’être.standard :.
#main-video {
float: left;
margin: 40px 10px 70px;
width: 520px;
-moz-column-count: 2;
-moz-column-gap: 20px;
-webkit-column-count: 2;
-webkit-column-gap: 20px;
}
Ici.encore,.nous.nous.trouvons.contraints.d’utiliser.les.préfixes.–moz–.(Mozilla).et.–webkit–.(WebKit)..Vous.remarquerez.que.deux.propriétés.entrent.en.jeu :.column-count.et.
column-gap..Elles.sont.assez.simples.à.comprendre.et.à.utiliser ;.vous.n’avez.qu’à.définir.
une.valeur.pour.le.nombre.de.colonnes.souhaité.et.sélectionner.une.valeur.pour.l’interstice.
qui.les.sépare..Le.bloc.de.texte.entier.est.ensuite.automatiquement.réparti.dans.le.nombre.
de.colonnes.spécifié..Une.troisième.propriété,.column-rule,.permet.d’ajouter.une.bordure.
entre.les.colonnes.(par.exemple,.column-rule: 1px solid #000;).
La.question.se.pose,.certes,.du.bien-fondé.du.texte.multicolonne.sur.le.Web.et.des.problèmes.liés.à.la.nécessité.de.faire.défiler.la.page.tantôt.vers.le.haut,.tantôt.vers.le.bas,.
mais. je. ne. doute. pas. qu’entre. les. mains. d’un. typographe. expérimenté. l’affichage. sur.
plusieurs.colonnes.permettra.d’étendre.les.options.typographiques.dont.nous.disposons.
sur.le.Web.
@font-face
Ce.sujet.ne.saurait.être.mieux.présenté.qu’en.reprenant.les.termes.de.Jeffrey.Veen,.fondateur.
de.Typekit.(http://typekit.com/) :
"La. recommandation. du. W3C. pour. les. polices. Web. CSS. [@font-face]. va. bientôt. fêter. son. septième. anniversaire.. Pourquoi,. après. tant. d’années,. la. typographie. web.
n’a-t-elle. pas. plus. progressé ?. Pourquoi. les. concepteurs. n’ont-ils. pas. adopté. les. polices.
liées. et. téléchargeables. dans. leurs. maquettes ?". (http://blog.typekit.com/2009/06/02/
fonts-JavaScript-and-how-designers-design/).
Excellentes.questions,.Jeffrey..Il.y.a.fort.à.parier.que.d’ici.à.ce.que.ce.livre.atteigne.les.étagères.des.librairies.et.se.fraie.finalement.un.chemin.jusqu’à.vos.mains,.le.produit.Typekit.de.
Jeffrey.aura.en.grande.partie.répondu.à.cette.question,.justement..Typekit.tente.de.résoudre.
les.problèmes.d’implémentation.et.de.sécurité.(traités.plus.loin.dans.cette.section).avec.@
font-face.en.hébergeant.de.manière.centralisée.des.polices.qui.ont.déjà.été.approuvées.par.
les.éditeurs.de.polices.pour.la.liaison.(voir.Figure 10.11).