88
Maîtrise des CSS
Shaun.Inman.a.inauguré.cette.méthode.très.légère.de.remplacement.par.des.images.Flash.et.
l’a.nommée.IFR.(Inman Flash Replacement)..Pour.plus.de.détails.à.son.sujet,.et.notamment.
pour.en.télécharger.le.code.source,.consultez.la.page.www.shauninman.com/plete/2004/04/
ifr-revisited-and-revised.
Mike.Davidson.s’est.ensuite.appuyé.dessus.pour.créer.la.méthode.sIFR.(Scalable Inman
Flash Replacement ou.méthode.IFR.évolutive),.qui.étend.l’IFR.en.autorisant,.par.exemple,.le.
redimensionnement.du.texte.ou.le.remplacement.des.textes.multilignes..Elle.est.maintenant.
gérée.et.développée.par.Mark.Wubben.et.inclut.de.nouvelles.fonctionnalités.intéressantes..
Pour.utiliser.la.méthode.sIFR.dans.votre.site,.vous.devez.d’abord.en.télécharger.la.dernière.
version. à. l’adresse. http://novemberborn.net/sifr3.. sIFR. s’installe. très. facilement,. mais.
nous. conseillons. de. commencer. par. lire. la. documentation.. La. première. chose. à. faire. est.
d’ouvrir. le. fichier. Flash,. d’incorporer. la. police. à. utiliser. et. d’exporter. l’animation..Vous.
devez.ensuite.appliquer.les.styles.d’impression.et.d’écran.inclus.ou.créer.les.vôtres,.puis.
ajouter. le. fichier. JavaScript. sifr.js. à. chaque. page. dans. laquelle. vous. souhaitez. que. sIFR.
fonctionne..Ce.fichier.est.parfaitement.configurable.et.permet.de.spécifier.les.éléments.à.
remplacer,.la.couleur.du.texte,.le.remplissage,.la.casse.et.une.variété.d’autres.paramètres.
de.style..Le.remplissage.et.la.hauteur.de.ligne.affectent.cependant.la.taille.du.texte,.ce.qui.
ne. simplifie. pas. les. choses.. Une. fois. que. vous. avez. terminé,. placez. tous. les. fichiers. sur.
votre.serveur.et.observez.vos.vieilles.polices.déprimantes.remplacées.par.le.contenu.Flash.
dynamique !
Le. principal. problème. avec. ces. techniques. tient. au. temps. de. téléchargement.. Les. pages.
doivent.entièrement.se.charger.avant.que.le.code.JavaScript.ne.puisse.procéder.au.remplacement.du.texte..Bien.souvent,.on.observe.du.coup.un.léger.clignotement.avant.que.le.texte.
n’ait.été.remplacé.par.l’équivalent.Flash.(voir.Figure 4.28)..
Figure 4.28
Vous remarquerez que
les titres du site www.
fortymedia.com
ne s’affichent qu’une
fois que la page est
chargée. C’est l’indice
que la méthode sIFR
est utilisée dans ce site.
Si. ce. clignotement. n’a. pas. de. grande. conséquence,. il. se. remarque. pourtant. et. peut. donner.l’impression.que.la.page.se.charge.lentement..Certaines.pages,.aussi,.semblent.lentes.
lorsque.de.nombreux.remplacements.sont.opérés..En.outre,.les.utilisateurs.peuvent.apercevoir.subrepticement.du.contenu.non.mis.en.forme,.ce.qui.peut.faire.craindre.un.bogue.ou.
engendrer.une.certaine.confusion..Mieux.vaut.donc.limiter.cette.technique.aux.seuls.titres..
La.méthode.sIFR.est.excellente.pour.intégrer.une.typographie.riche.et.parfaite.pour.les.sites.
relativement.petits.qui.utilisent.une.typographie.uniforme..Elle.est,.en.revanche,.moins.commode.pour.les.grands.sites.où.figurent.de.nombreux.titres.de.différentes.tailles,.de.différents.
Maîtrise des CSS
Shaun.Inman.a.inauguré.cette.méthode.très.légère.de.remplacement.par.des.images.Flash.et.
l’a.nommée.IFR.(Inman Flash Replacement)..Pour.plus.de.détails.à.son.sujet,.et.notamment.
pour.en.télécharger.le.code.source,.consultez.la.page.www.shauninman.com/plete/2004/04/
ifr-revisited-and-revised.
Mike.Davidson.s’est.ensuite.appuyé.dessus.pour.créer.la.méthode.sIFR.(Scalable Inman
Flash Replacement ou.méthode.IFR.évolutive),.qui.étend.l’IFR.en.autorisant,.par.exemple,.le.
redimensionnement.du.texte.ou.le.remplacement.des.textes.multilignes..Elle.est.maintenant.
gérée.et.développée.par.Mark.Wubben.et.inclut.de.nouvelles.fonctionnalités.intéressantes..
Pour.utiliser.la.méthode.sIFR.dans.votre.site,.vous.devez.d’abord.en.télécharger.la.dernière.
version. à. l’adresse. http://novemberborn.net/sifr3.. sIFR. s’installe. très. facilement,. mais.
nous. conseillons. de. commencer. par. lire. la. documentation.. La. première. chose. à. faire. est.
d’ouvrir. le. fichier. Flash,. d’incorporer. la. police. à. utiliser. et. d’exporter. l’animation..Vous.
devez.ensuite.appliquer.les.styles.d’impression.et.d’écran.inclus.ou.créer.les.vôtres,.puis.
ajouter. le. fichier. JavaScript. sifr.js. à. chaque. page. dans. laquelle. vous. souhaitez. que. sIFR.
fonctionne..Ce.fichier.est.parfaitement.configurable.et.permet.de.spécifier.les.éléments.à.
remplacer,.la.couleur.du.texte,.le.remplissage,.la.casse.et.une.variété.d’autres.paramètres.
de.style..Le.remplissage.et.la.hauteur.de.ligne.affectent.cependant.la.taille.du.texte,.ce.qui.
ne. simplifie. pas. les. choses.. Une. fois. que. vous. avez. terminé,. placez. tous. les. fichiers. sur.
votre.serveur.et.observez.vos.vieilles.polices.déprimantes.remplacées.par.le.contenu.Flash.
dynamique !
Le. principal. problème. avec. ces. techniques. tient. au. temps. de. téléchargement.. Les. pages.
doivent.entièrement.se.charger.avant.que.le.code.JavaScript.ne.puisse.procéder.au.remplacement.du.texte..Bien.souvent,.on.observe.du.coup.un.léger.clignotement.avant.que.le.texte.
n’ait.été.remplacé.par.l’équivalent.Flash.(voir.Figure 4.28)..
Figure 4.28
Vous remarquerez que
les titres du site www.
fortymedia.com
ne s’affichent qu’une
fois que la page est
chargée. C’est l’indice
que la méthode sIFR
est utilisée dans ce site.
Si. ce. clignotement. n’a. pas. de. grande. conséquence,. il. se. remarque. pourtant. et. peut. donner.l’impression.que.la.page.se.charge.lentement..Certaines.pages,.aussi,.semblent.lentes.
lorsque.de.nombreux.remplacements.sont.opérés..En.outre,.les.utilisateurs.peuvent.apercevoir.subrepticement.du.contenu.non.mis.en.forme,.ce.qui.peut.faire.craindre.un.bogue.ou.
engendrer.une.certaine.confusion..Mieux.vaut.donc.limiter.cette.technique.aux.seuls.titres..
La.méthode.sIFR.est.excellente.pour.intégrer.une.typographie.riche.et.parfaite.pour.les.sites.
relativement.petits.qui.utilisent.une.typographie.uniforme..Elle.est,.en.revanche,.moins.commode.pour.les.grands.sites.où.figurent.de.nombreux.titres.de.différentes.tailles,.de.différents.