200
Maîtrise des CSS
élaborées..En.fait,.les.pages.se.trouvaient.dénaturées.dans.Internet.Explorer.et.. s’affichaient.
conformément.à.la.spécification.dans.les.navigateurs.plus.compatibles.avec.les.standards.
La.méthode.la.plus.sûre.consiste.à.utiliser.comme.navigateur.principal.de.développement.
un.navigateur.plus.conforme.aux.standards,.comme.Firefox.ou.Safari..Si.votre.mise.en.page.
fonctionne.alors,.elle.a.toutes.les.chances.de.fonctionner.dans.l’ensemble.des.navigateurs.
conformes. aux. standards,. ce. qui. garantit. que. vous. procédez. correctement..Vous. pouvez.
ensuite. tester. vos. pages. dans. les. navigateurs. moins. compatibles. et. trouver. des. solutions.
pour.tous.les.problèmes.d’affichage.rencontrés..Ne.remettez.pas.le.test.des.navigateurs.à.la.
dernière.phase.du.projet..Au.lieu.de.cela,.adoptez.une.méthodologie.de.test.continuelle,.en.
vérifiant.vos.pages.dans.tous.les.principaux.navigateurs.à.mesure.que.vous.travaillez..Vous.
éviterez.ainsi.toute.mauvaise.surprise.à.la.fin.du.projet,.au.moment.où.vous.pensez.en.avoir.
fini..
Essayer d’éviter les bogues par avance !
Ce. conseil. peut. sembler. évident,. mais. l’un. des. meilleurs. moyens. de. se. débarrasser. des.
bogues.consiste.à.les.éviter.à.l’avance !.De.nombreux.bogues.d’affichage.sont.provoqués.
par.du.code.HTML.ou.CSS.inutilement.compliqué..Il.est.donc.judicieux.d’utiliser.le.code.
le.plus.simple.possible.pour.obtenir.le.résultat.désiré..Évitez.les.techniques.excessivement.
astucieuses.en.leur.préférant.des.méthodes.éprouvées.et.tâchez.de.réduire.autant.que.possible.le.nombre.des.hacks.utilisés..
Il.existe.une.multitude.de.moyens.pour.réaliser.les.mêmes.effets,.aussi.envisagez.d’abord.
d’utiliser.une.autre.méthode.plutôt.que.de.passer.des.heures.à.déboguer.ou.à.créer.des.hacks..
Ce.n’est.qu’une.fois.que.vous.avez.la.certitude.qu’il.n’y.a.pas.moyen.d’y.échapper.que.vous.
devez.prendre.cette.peine..
Isoler le problème
Une.fois.que.vous.êtes.sûr.que.vous.avez.un.bogue,.vous.devez.isoler.le.problème..En.procédant.ainsi.et.en.identifiant.les.symptômes,.vous.pourrez.avec.un.peu.de.chance.déterminer.
ce.qui.cause.le.problème.et.le.résoudre..L’un.des.moyens.de.le.faire.consiste.à.appliquer.des.
bordures.ou.des.contours.aux.éléments.concernés.et.à.voir.comment.ils.interagissent.les.uns.
avec.les.autres.
.promo1 {
float: left;
margin-left: 5px;
border: 1px solid red;
}
.promo2 {
float: left;
border: 1px solid green;
}
J’ai.personnellement.tendance.à.ajouter.des.bordures.directement.au.code,.mais.vous.pouvez.utiliser.l’option.de.contour.dans.la.barre.d’outils.Web.Developer.de.Firefox.ou.l’un.des.
Maîtrise des CSS
élaborées..En.fait,.les.pages.se.trouvaient.dénaturées.dans.Internet.Explorer.et.. s’affichaient.
conformément.à.la.spécification.dans.les.navigateurs.plus.compatibles.avec.les.standards.
La.méthode.la.plus.sûre.consiste.à.utiliser.comme.navigateur.principal.de.développement.
un.navigateur.plus.conforme.aux.standards,.comme.Firefox.ou.Safari..Si.votre.mise.en.page.
fonctionne.alors,.elle.a.toutes.les.chances.de.fonctionner.dans.l’ensemble.des.navigateurs.
conformes. aux. standards,. ce. qui. garantit. que. vous. procédez. correctement..Vous. pouvez.
ensuite. tester. vos. pages. dans. les. navigateurs. moins. compatibles. et. trouver. des. solutions.
pour.tous.les.problèmes.d’affichage.rencontrés..Ne.remettez.pas.le.test.des.navigateurs.à.la.
dernière.phase.du.projet..Au.lieu.de.cela,.adoptez.une.méthodologie.de.test.continuelle,.en.
vérifiant.vos.pages.dans.tous.les.principaux.navigateurs.à.mesure.que.vous.travaillez..Vous.
éviterez.ainsi.toute.mauvaise.surprise.à.la.fin.du.projet,.au.moment.où.vous.pensez.en.avoir.
fini..
Essayer d’éviter les bogues par avance !
Ce. conseil. peut. sembler. évident,. mais. l’un. des. meilleurs. moyens. de. se. débarrasser. des.
bogues.consiste.à.les.éviter.à.l’avance !.De.nombreux.bogues.d’affichage.sont.provoqués.
par.du.code.HTML.ou.CSS.inutilement.compliqué..Il.est.donc.judicieux.d’utiliser.le.code.
le.plus.simple.possible.pour.obtenir.le.résultat.désiré..Évitez.les.techniques.excessivement.
astucieuses.en.leur.préférant.des.méthodes.éprouvées.et.tâchez.de.réduire.autant.que.possible.le.nombre.des.hacks.utilisés..
Il.existe.une.multitude.de.moyens.pour.réaliser.les.mêmes.effets,.aussi.envisagez.d’abord.
d’utiliser.une.autre.méthode.plutôt.que.de.passer.des.heures.à.déboguer.ou.à.créer.des.hacks..
Ce.n’est.qu’une.fois.que.vous.avez.la.certitude.qu’il.n’y.a.pas.moyen.d’y.échapper.que.vous.
devez.prendre.cette.peine..
Isoler le problème
Une.fois.que.vous.êtes.sûr.que.vous.avez.un.bogue,.vous.devez.isoler.le.problème..En.procédant.ainsi.et.en.identifiant.les.symptômes,.vous.pourrez.avec.un.peu.de.chance.déterminer.
ce.qui.cause.le.problème.et.le.résoudre..L’un.des.moyens.de.le.faire.consiste.à.appliquer.des.
bordures.ou.des.contours.aux.éléments.concernés.et.à.voir.comment.ils.interagissent.les.uns.
avec.les.autres.
.promo1 {
float: left;
margin-left: 5px;
border: 1px solid red;
}
.promo2 {
float: left;
border: 1px solid green;
}
J’ai.personnellement.tendance.à.ajouter.des.bordures.directement.au.code,.mais.vous.pouvez.utiliser.l’option.de.contour.dans.la.barre.d’outils.Web.Developer.de.Firefox.ou.l’un.des.