IE8, l'état de l'art
Par jblanche le mercredi 4 février 2009, 18:29 - geeks - Lien permanent
La RC1 de Internet Explorer 8 est sortie il y a quelques jours. Depuis chacun y vas de son petit test et de son analyse de la nouvelle monture du navigateur le plus détesté au monde.
Cette arrivée est parfois saluée, parfois décriée, en tout cas chacun à son avis, souvent trop tranché. Essayons ici de se faire une idée réelle des tenants et aboutissants de l'arrivée du nouveau IE.
Le bon
CSS 2.1
Enfin, enfin, enfin, la norme CSS 2.1, est entièrement supportée par Internet explorer 8. A nous donc, une multitude de techniques CSS jusque là interdite aux développeurs web à cause de leur non-compatibilité avec IE.
Au menu notamment :
- les pseudo classes: active et focus.
- les pseudo-élements : after et before et leur propriété content pour ajouter du contenu avec les CSS
(attention à utiliser avec parcimonie et connaissance des aléas de cette solution) - les propriétés quote, border-spacing.
- Et surement ma préférée : le support du CSS table model.
Grâce à cela, il devient possible d'écrire un code logique et sémantique tout en utilisant les avantages des mises en page "tableau".
Regardez ces deux exemples d'alignement vertical et de design a 3 colonnes pour vous en convaincre.
Peut être enfin la fin de l'utilisation des floats à tout va, tout en gardant un code sémantique.
Le HTML/DOM
Là aussi quelques améliorations et nouveautés sympathiques.
HasLayout a disparu, oh que c'est bon, je crois la moitié des bugs IE auquel j'avais a faire venait directement ou non de lui
IE8 implémente quelques parties des spécifications de HTML5 comme le DOM storage (cookies évolués), les Offline Events ...
Les getAttribute/setAttribute fonctionnent enfin comme partout ailleurs. Le getElementById retourne ce qu'il est censé retourner, sans se soucier des "name"...
Autre : Les outils Developpeurs
Après Firebug et le Wenkit Inspector, IE8 intégrera ce qu'il appelle "outils de développement" permettant de modifier en direct les CSS, d'exécuter du JS avec des points d'arrêts... ...
Le mauvais
hé oui tout n'est malheureusement pas rose malgré cette nouvelle version, bien au contraire...
CSS3
Certes les spécifications de CSS3 ne sont pas terminées, mais certaines sont presque définitives et la concurrence implémente déjà certaines propriétés.
On aurait au moins aimé voir les border-radius pour faire simplement des coins arrondis, les text-shadow et border-shadow pour les ombres, la propriété opacity ou encore le support des couleurs RGBA.
Javascript
Là encore malgré quelques efforts, IE8 est très loin de ses concurrents. On reste bloqué à Javascript 1.5, on ne profitera donc pas des nouveautés apportées par les versions 1.6 et supérieures.
Pas de JIT (Just In Time Compilation) non plus dans IE8 alors que l'arrivée de cette technologie dans les moteurs Javascript de Firefox 3.1 et de Safari 4 (Webkit nighlies) montre un gain exceptionnel des performances.
HTML/DOM
On aurait aimé voir les éléments audio et vidéo de HTML5, permettant d'insérer du son et de la vidéo dans une page aussi facilement qu'une image.
Malheureusement il semblerait que la volonté d'imposer Silverlight sur ce marché ait pris le dessus sur le bon sens.
Le SVG lui aussi attendra, encore...
Idem pour Canvas, il faudra attendre encore, malgré la prolifération des exemples montrant les possibilités de ces deux technologies.
Conclusion
Internet explorer 8, c'est mieux, beaucoup mieux que le 7, sans aucun doute possible.
Le support complet de CSS 2.1 va bientôt changer la vie des Développeurs Web
Mais IE8 reste aussi très loin de la concurrence que représente FF3.1 ou Safari4.
Ces navigateurs vont beaucoup plus loin dans le support de HTML5, des CSS3... Ils supportent très bien le SVG et Canvas, et vont beaucoup plus vite pour exécuter du Javascript avec la compilation à la volée.
Ces atouts leurs permettent de supporter des choses bien plus complexe qu'IE dans les domaines des RIA/RDA.
Autre interrogation, quand pourra t-on vraiment profiter de ces nouveautés sans ce fâcher avec les utilisateurs de versions plus anciennes d'IE ?
Sur ce point, je suis assez optimiste.
En effet, les prévisions annoncent IE6 à moins de 10 % d'ici la fin de l'année, et les utilisateurs ayant fait le saut vers la version 7 devrait en grande partie poursuivre leur migration avec la version 8.
On peut donc penser que l'on pourra coder pour IE8 d'ici janvier 2010 en ne perdant pas plus de 10 % de son lectorat (auquel on pourra toujours proposer une version alternative simpliste... ou pas).
Si j'avais un dernier conseil à donner ce serait donc, de commencer à regarder du coté du CSS Table model, Ceci va changer la vie des intégrateurs Web.
Commentaires
Je suis d'accord que l'arrivée du table-cell va vraiment être appréciable. Reste à savoir à quelle vitesse IE8 sera adopté
putain, j'essaye hein, mais je capte toujours rien à ce que tu dis. Je recommence à lire, on va voir si ça s'éclaire un jour... Mais c'est bien, hien! intéressant!
Eh bah ca sent bon tout ça !
En tant que puriste de la grille, cette nouvelle fait du bien ! héhéhé
Faut maintenant espérer que Windows 7 reléve lui aussi le niveau de Vista pour que microsoft puisse à nouveau concurrencer ses copains...
Microsoft, a la ramasse comme toujours (surtout que dans la vraie vie, on doit encore s'occuper d'IE6...). Heureusement qu'ils font des trucs innovants comme SongSmith, mouhahahaha.
Bon petit article de synthese, mais tu fais un oubli de taille : les web fonts! Que tous les amateurs de typographie levent la main et me disent ce qu'ils pensent de ce monstrueux petit machin appele SiFR. Je t'invite a jeter un coup d'oeil aux features d'Opera 10 : web fonts, svg, 100% a Acid3, entre autres, ca fait vraiment saliver (http://dev.opera.com/articles/view/...)
Bisous ma poule (et desole pour les accents)
@nerik
le libre (Firefox et Webkit) sait gérer cela aussi !
Héhé, j'ai pas parlé des web fonts spécifiquement en effet, mais ca fait partie des features CSS3 absentes de IE8.
Mais elles ne sont pas que ds Opera hein
[troll] Tout en bénéficiant des derniers moteurs JS [/troll]
Des bisous aux hollandaises
A ben visiblement ca arrive
http://standblog.org/blog/post/2009...
Ravi de l'apprendre par toi
Je savais pas non plus pour FF (depuis la 3.1 apparement?).
On me dit dans l'oreillette qu'IE supporte les web fonts depuis IE4, mais via un format de police proprietaire (l'EOT). Pour les quelques maniaques que ca pourrait interesser: http://en.wikipedia.org/wiki/Embedd...
J'me dis qu'avec le truc moisi d'IE + Safari 3 + FF3 + Opera 10, on pourrait presque se passer de SiFR. Ca veut dire browser sniffing, et ptet beaucoup d'efforts pour pas grand chose, mais ca peut le faire. Bref. Ptet l'objet d'un futur post sur mon futur blog de dans bientot...
Fil des commentaires de ce billet