188
Maîtrise des CSS
En.appliquant.ces.règles,.vous.allez.créer.une.mise.en.page.à.trois.colonnes,.chacune.large.
de.14 cadratins.et.écartée.des.autres.d’un.intervalle.de.2 cadratins..L’intérêt.des.colonnes.
CSS.tient.à.leur.gestion.lorsque.l’espace.disponible.est.moindre.que.la.largeur.des.colonnes.
définies..Au.lieu.que.les.colonnes.soient.chassées.à.la.ligne.comme.cela.se.produit.avec.
les.éléments.flottants,.leur.nombre.se.réduit..Si.vous.n’avez.pas.assez.d’espace.pour.trois.
colonnes,.vous.revenez.à.deux.colonnes..
.col {
-moz-column-count: 3;
-moz-column-width: 14em;
-moz-column-gap: 2em;
-moz-column-rule: 1px solid #ccc;
-webkit-column-count: 3;
-webkit-column-width: 14em;
-webkit-column-gap: 2em;
-webkit-column-rule: 1px solid #ccc;
column-count: 3;
column-width: 14em;
column-gap: 2em;
column-rule: 1px solid #ccc;
}
Comme. vous. pouvez. probablement. le. voir. dans. ce. code,. les. colonnes. CSS. ne. sont. pas.
encore.largement.prises.en.charge..Vous.devez.donc.flanquer.le.code.standard.d’extensions.
spécifiques.des.navigateurs..
Frameworks CSS et systèmes CSS
Dans.l’univers.de.la.programmation,.les.frameworks,.comme.Rails.ou.Django,.reprennent.
les.patterns.de.programmation.courants.du.développement.web,.comme.l’ajout.d’enregistrements.à.une.base.de.données,.et.en.proposent.une.abstraction.par.le.biais.d’un.jeu.simple.
de.composants.réutilisables..Cette.abstraction.permet.aux.développeurs.de.construire.des.
applications.relativement.sophistiquées.sans.devoir.recréer.ces.fonctions.de.toutes.pièces..
À la.différence.des.bibliothèques.de.fonctions.autonomes,.les.frameworks.ont.tendance.à.
être.extrêmement.intégrés..À cet.égard,.ils.sont.si.abstraits.qu’il.est.possible,.encore.que.ce.
ne.soit.pas.souhaitable,.de.créer.des.applications.entières.sans.même.comprendre.le.langage.
parent.
Au.cours.des.deux.dernières.années.sont.lentement.apparus.ce.qu’on.a.appelé.des.frameworks.
CSS..Censés.réduire.la.corvée.de.programmation.des.CSS.et.aider.les.utilisateurs.à.créer.
des.mises.en.page.courantes.sans.éditer.le.code.sous-jacent,.ils.encouragent.en.fait.les.développeurs.à.utiliser.un.certain.nombre.de.procédés.de.balisage.et.de.conventions.de noms.en.
laissant.la.mise.en.page.se.gérer.à.l’arrière-plan..Les.trois.frameworks.les.plus.connus.sont.
YUI.Grids,.Blueprint.et.960.(voir.Figure 8.23),.mais.il.en.existe.quelques.autres.
Ces.frameworks.offrent.plusieurs.avantages.en.termes.de.productivité,.dont.les.réinitialisations.de.styles.globaux,.la.gestion.typographique.de.niveau.site.et.le.traitement.uniformisé.
des.formulaires.–.autant.d’aspects.dont.vous.aurez.besoin.pour.la.majorité.de.vos.projets..
Maîtrise des CSS
En.appliquant.ces.règles,.vous.allez.créer.une.mise.en.page.à.trois.colonnes,.chacune.large.
de.14 cadratins.et.écartée.des.autres.d’un.intervalle.de.2 cadratins..L’intérêt.des.colonnes.
CSS.tient.à.leur.gestion.lorsque.l’espace.disponible.est.moindre.que.la.largeur.des.colonnes.
définies..Au.lieu.que.les.colonnes.soient.chassées.à.la.ligne.comme.cela.se.produit.avec.
les.éléments.flottants,.leur.nombre.se.réduit..Si.vous.n’avez.pas.assez.d’espace.pour.trois.
colonnes,.vous.revenez.à.deux.colonnes..
.col {
-moz-column-count: 3;
-moz-column-width: 14em;
-moz-column-gap: 2em;
-moz-column-rule: 1px solid #ccc;
-webkit-column-count: 3;
-webkit-column-width: 14em;
-webkit-column-gap: 2em;
-webkit-column-rule: 1px solid #ccc;
column-count: 3;
column-width: 14em;
column-gap: 2em;
column-rule: 1px solid #ccc;
}
Comme. vous. pouvez. probablement. le. voir. dans. ce. code,. les. colonnes. CSS. ne. sont. pas.
encore.largement.prises.en.charge..Vous.devez.donc.flanquer.le.code.standard.d’extensions.
spécifiques.des.navigateurs..
Frameworks CSS et systèmes CSS
Dans.l’univers.de.la.programmation,.les.frameworks,.comme.Rails.ou.Django,.reprennent.
les.patterns.de.programmation.courants.du.développement.web,.comme.l’ajout.d’enregistrements.à.une.base.de.données,.et.en.proposent.une.abstraction.par.le.biais.d’un.jeu.simple.
de.composants.réutilisables..Cette.abstraction.permet.aux.développeurs.de.construire.des.
applications.relativement.sophistiquées.sans.devoir.recréer.ces.fonctions.de.toutes.pièces..
À la.différence.des.bibliothèques.de.fonctions.autonomes,.les.frameworks.ont.tendance.à.
être.extrêmement.intégrés..À cet.égard,.ils.sont.si.abstraits.qu’il.est.possible,.encore.que.ce.
ne.soit.pas.souhaitable,.de.créer.des.applications.entières.sans.même.comprendre.le.langage.
parent.
Au.cours.des.deux.dernières.années.sont.lentement.apparus.ce.qu’on.a.appelé.des.frameworks.
CSS..Censés.réduire.la.corvée.de.programmation.des.CSS.et.aider.les.utilisateurs.à.créer.
des.mises.en.page.courantes.sans.éditer.le.code.sous-jacent,.ils.encouragent.en.fait.les.développeurs.à.utiliser.un.certain.nombre.de.procédés.de.balisage.et.de.conventions.de noms.en.
laissant.la.mise.en.page.se.gérer.à.l’arrière-plan..Les.trois.frameworks.les.plus.connus.sont.
YUI.Grids,.Blueprint.et.960.(voir.Figure 8.23),.mais.il.en.existe.quelques.autres.
Ces.frameworks.offrent.plusieurs.avantages.en.termes.de.productivité,.dont.les.réinitialisations.de.styles.globaux,.la.gestion.typographique.de.niveau.site.et.le.traitement.uniformisé.
des.formulaires.–.autant.d’aspects.dont.vous.aurez.besoin.pour.la.majorité.de.vos.projets..