• 50% des pages n’ont pas de doctype
• la proportion des types de page est de l’ordre  de 1 doctype strict pour 10 doctypes transitionnels
• 4,13% des pages sont conformes
• Les tableaux sont présents dans plus de 80% des documents, essentiellement pour faire de la mise en page et non pour présenter des données tabulaires

Autant dire que les automatismes ne sont pas acquis par tout le monde et que faire respecter les standards est un travail de longue haleine. Il n’est pas inutile de rappeler comment bien structurer ces pages et comment appliquer les bonnes pratiques. Ce que nous ne manquerons pas de faire dans nos prochains billets.

Cette idée nous a paru sympathique et séduisante et chez Les Intégristes nous avons choisi de l’adopter. Seulement voilà, en retournant sur le site cette semaine, nous avons été fortement étonnés d’être redirigés vers la page de téléchargement des deux dernières versions d’Internet Explorer, chez Microsoft. J’ai donc essayé de rechercher des informations et je n’ai rien trouvé à ce sujet, nulle part…

La traduction française du site ayant été faite par Le détracteur constructif, je suis donc allé leur poser la question :

Q:Bonjour,
Nous adhérons fortement, chez les “intégristes”, à l’idée de progressivement délaisser IE6 pour enfin évoluer vers d’autres possibilités d’intégration et de développement que ne permets pas IE6, alors forcément l’idée de “savethedeveloppers” nous parait sympathique. Cependant depuis quelques jours l’URL “http://www.savethedevelopers.org” renvoie vers “http://www.microsoft.com/windows/internet-explorer/download-ie.aspx” la page de téléchargement de la dernière version d’Internet Explorer. J’ai essayé de trouver des infos à ce sujet sans succès… Qu’en est-il ?

A:Wow en effet… Hmm il je me demande si le projet a été “avorté” par Microsoft, à grand coups d’argent. Je vais essayer de voir si j’ai encore mon contact avec les gens qui faisaient ce site, et je vous reviens là dessus…

Si tel est le cas, cette initiative doit être très récente parce que le dernier message posté sur Twitter par savethedeveloppers est daté du 15 octobre dernier : » New products for winter and site supporters added. »

Est-on en présence d’une affaire du type Mikerowsoft ? En tout cas chez Les Intégristes nous avons retiré ce script qui maintenant incite les internautes à télécharger exclusivement Internet Explorer…

Nous vous communiquerons plus d’informations dès que possible, si de votre côté vous pouvez éclairer notre lanterne n’hésitez pas à poster.

La date de sortie de Firefox 3 a été fixée au 17 juin.

Safari 3.1 attend ses nouveaux camarades depuis quelques temps déjà.

Dans quelques jours, les internautes auront à disposition trois navigateurs web d’excellente qualité.

Javascript

Les performances de Javascript sont plus élevées que jamais, et c’est loin d’être fini :

Firefox 4 utilisera le moteur ECMAScript de Flash Player, Tamarin.

Le projet Webkit (le moteur de rendu utilisé par Safari) est lui aussi en train de passer à un nouveau moteur Javascript, SquirrelFish, qui est extrêmement rapide.

Le nom de code de la prochaine version du navigateur Opera est Peregrine, « pèlerin » en français, et il n’a pas été choisi au hasard :

Le faucon pèlerin, ou Falco peregrinus (Tunstall, 1771), est un rapace robuste de taille moyenne, réputé pour être l’oiseau le plus rapide du monde. Les mesures de la vitesse lors de la phase plongeante de l’attaque varient généralement entre 130 et 184 km/h. La vitesse maximale mesurée serait de 390 km/h.

CSS

CSS 2.1 est maintenant correctement supporté dans ces trois navigateurs (Firefox 3 permet enfin d’utiliser la propriété display:inline-block !), et de plus en plus de propriétés CSS 3 (qui n’est pas une recommandation et continue d’évoluer) sont d’ores et déjà implémentées.

Évidemment, Firefox passe avec succès le test Acid2.

HTML

Certains éléments de la future recommandation HTML5 (encore loin d’être finalisé) commencent réellement à être utilisables.

L’élément canvas est en plein explosion. Les exemples suivants utilisent cet élément et fonctionnent sur Firefox 3, Opera 9.5 et Safari 3.1 :

• Canvascape, une démo de moteur 3D de type « Doom-like ».
• Un clone de Mario Bros
• Un clone de Super Mario Kart
• Bomomo, une expérimentation très intéressante
  
• Pixastic, un outil de retouche photo
• Un jeu d’échecs en 3D

Ce n’est qu’un début : l’élément canvas3D devrait permettre d’utiliser l’accélération 3D des cartes graphiques.

Le support de SVG s’améliore encore, et il est maintenant aussi simple d’afficher des images vectorielles que d’afficher une image bitmap (Jpeg, PNG) dans une page. Les nouvelles versions de Safari et d’Opera permettent d’utiliser des images SVG dans la propriété CSS background-image.

Des versions expérimentales de Firefox, Opera et Safari permettent d’utiliser l’élément video défini dans HTML5.

Et Internet Explorer ?

Il semblerait que plus personne n’attende quoi que ce soit de ce navigateur. L’innovation sur le web, longtemps paralysée, est enfin repartie à plein régime, laissant de côté ce navigateur.

Internet Explorer 6 est toujours en circulation, et la plupart des sites se doivent encore de le prendre en compte aujourd’hui, mais on est très loin des méthodes de conception utilisées il y a quelques années : créer différentes versions d’un site par navigateur est non seulement impossible, mais également inadapté au web d’aujourd’hui, standard et universel.

Les méthodes de travail ont changé : un site est d’abord conçu pour les standards, puis adapté pour Internet Explorer, de manière plus ou moins élégante. Des hacks existent pour émuler SVG, l‘élément canvas et CSS2.1. Les exigences pour ce navigateur ont été globalement revues à la baisse : l’essentiel est que l’internaute accède aux informations.

Internet Explorer 8 nous promet de belles choses, mais personne ne l’attend plus. Le choix et l’innovation sur le web sont définitivement de retour, et ils s’en passeront volontiers.

Comment voyez-vous l’évolution du web dans les douze prochains mois ?

Habituellement faire cohabiter deux versions d’IE suffit, mais étant donné qu’une partie encore importante des internautes se cramponne au vieux navigateur IE6, il est souhaitable de pouvoir tester ses pages dans les trois dernières version du navigateur.

1ère étape : Installer Internet Explorer 8 version beta.

Pour celà aller sur le billet de Pierre du 6 mars dernier ou encore plus rapide : ici.

Une fois que c’est fait le navigateur installé, vous pouvez passer à l’étape 2.

2ème étape : Installer les précédentes versions d’IE

Il y a une solution que j’avais adopté pour la version précédente (la 7) : multiple IE, le soucis c’est que ça ne fonctionne pas avec Windows Vista. Si vous avez Windows XP, c’est nickel, mais le problème c’est que vous n’aurez pas IE7 puisque multiple IE s’arrête à IE6.

La deuxième solution consiste à installer IE7 en version standalone. Pour les infos : c’est ici ou encore ici.

Une fois avoir installé IE7, on va essayer d’installer multiple IE, mais auparavant on va voir si IE8 et IE7 s’entendent… D’après mes tests, ça marche pas trop mal, mais il ne faut pas être gêné par les messages d’erreurs. J’ai principalement ce message au chargement de la première page dans IE7 :

L'ordinal 14 est introuvable dans la bibliothèque de liaisons dynamiques iertudil.dll

On peut ensuite installer Multiple IE. D’après mes test cette solution n’est pas pleinement fonctionnelle. Je n’ai pas pu accéder au champs de recherche de Google, impossible de prendre le focus…

Si vous n’avez pas XP mais Vista, vous allez forcément opter pour la troisième solution : installer un émulateur de PC pour faire tourner windows… sous windows. Virtual PC est disponible sur le site de Microsoft, mais je n’ai pas réussi à l’installer jusqu’au bout, il est vrai que je dispose de la version light de Vista, la home premium*, donc si vous êtes comme moi, vous allez plutôt vous porter sur mon deuxième choix : Virtual Box. Là pas de problème l’install se passe sans encombre. Il ne reste plus qu’à installer la version native d’IE6 ou IE7 en téléchargement sur le site de Microsoft. Après, à vous de voir : soit installer multiple IE ou IE7 en version standalone, soit opter pour une version différente par PC virtuel…

Vous avouerez que ça fait pas mal de soucis pour un navigateur qu’on n’utilise uniquement pour tester ses pages, non ?

* Host operating system: Windows Vista Business, Windows Vista Enterprise, Windows Vista Ultimate, Windows Server 2003 Standard Edition, Windows Server 2003 Standard x64 Edition, Windows XP Professional, or Windows XP Tablet PC Edition (source site microsoft.com)

Un article sur le blog dédié nous en liste les différentes améliorations :

1. La version définitive apportera un support complet de CSS 2.1.
2. Ils ont contribué à la création de plus de 700 tests en collaboration avec le Groupe de travail CSS du W3C, publiés sous licence BSD. Selon l’équipe, la spécification CSS est bien conçue mais pas suffisante, car ambigüe sur de nombreux points. Une suite de tests devrait permettre aux éditeurs de mieux les interpréter, en s’appuyant sur des tests pouvant être suivis par l’ensemble des éditeurs.
3. De meilleures performances pour les scripts. Il s’agit d’un gros enjeu pour les navigateurs ( Firefox 3 sera lui aussi bien plus rapide, et Safari se présente d’emblée comme [Le] navigateur web [...] le plus rapide de la planète. ) : les bibliothèques Javascript permettent aujourd’hui de créer de véritables applications en ligne, bien plus complexes et gourmandes qu’il y a quelques années. Le navigateur est allé bien au-delà de son rôle principal : il est devenu une plate-forme de choix pour de nombreuses applications innovantes.
4. Un début de support d’HTML5.
5. La création prochaine d’outils pour débugger les CSS et le Javascript.
6. Une fonctionnalité appelée « Activities » apparaît. Elle permet de mieux intégrer les différents services web au navigateur, comme sélectionner du texte sur une page et l’envoyer vers son blog, ou rechercher directement une adresse sur un service de cartes en ligne. Voici une excellente occasion d’ajouter un support des microformats, mais en fait non. C’est une bonne opportunité pour Microsoft d’amener plus d’utilisateurs vers ses différents services, bien que des concurrents soient également présents, comme Facebook Yahoo eBay. Non, pas Google.
7. Une autre fonctionnalité a été intégrée, appelée « WebSlices« . Globalement, ça ressemble aux Web Clips de Safari, mais ne nous y laissons pas prendre : ce sont les WebSlices, d’Internet Explorer.

Le test Acid2 ne passe pas tout à fait s’il est effectué sur un autre domaine que www.webstandards.org, pour une raison de sécurité. Ce devrait être réglé dans la prochaine beta.

Vous pourrez le télécharger ici : http://www.microsoft.com/windows/products/winfamily/ie/ie8/default.mspx
Tristan Nitot en parle : http://standblog.org/blog/post/2008/03/05/Internet-Explorer-8-et-les-standards-le-retour

Peu de temps après l’abandon in extremis de solutions permettant d’activer le moteur de rendu « moderne » pour finalement l’activer par défaut (il faudra à l’inverse demander explicitement à passer en « mode compatible »), Microsoft semble plus que jamais impliqué dans une nouvelle guerre des navigateurs, mais du côté des standards cette fois.

Qu’en pensez-vous ?

]]> http://www.lesintegristes.net/2008/03/06/internet-explorer-8-beta-1/feed/ 2 http://www.lesintegristes.net/2008/02/24/la-place-du-moteur-de-recherches-sur-les-sites-de-e-commerce/ http://www.lesintegristes.net/2008/02/24/la-place-du-moteur-de-recherches-sur-les-sites-de-e-commerce/#comments Sun, 24 Feb 2008 22:30:34 +0000 Eric Le Bihan http://www.lesintegristes.net/2008/02/24/la-place-du-moteur-de-recherches-sur-les-sites-de-e-commerce/ Quand j’arrive sur un site de e-commerce c’est souvent pour y trouver un produit ou un type de produit bien défini. Je ne veux pas chercher et je veux accéder à mon information le plus rapidement possible. Aussi je privilégie le moteur de recherches à la navigation traditionnelle que je trouve rébarbative. Mais cette habitude m’est personnelle et en discutant autour de moi je me suis rendu compte que les autres personnes n’étaient pas aussi directes que moi et passaient par tout un tas d’étapes avant d’accéder à leur produit. Après tout, chacun ses habitudes. Cependant Google étant le moteur de recherche le plus utilisé dans le monde, il est difficile d’imaginer que les internautes ne seraient pas emballés de trouver une telle simplicité sur leurs sites préférés… En début de mois je suis tombé sur un article dans Capitaine commerce et ce chapitre m’a interpellé :

Les évolutions les plus récentes du web ont montré la supériorité écrasante des moteurs de recherche sur les arborescences (voir le triomphe de Google sur les Directories de Yahoo). Actuellement, plus d’un internaute sur deux, lorsqu’il « fouille » un site de ecommerce utilise en premier le moteur de recherche du site. J’ai, en fait, de plus en plus tendance à croire que les sites de ecommerce devraient s’orienter vers une morphologie de moteur de recherche, les éléments arborescents ne venant plus qu’à l’appui des résultats de recherche. L’exemple extrême serait d’imaginer la page d’accueil d’un site ecommerce identique à celle de Google, tout l’enjeu serait alors de fournir simplement les meilleurs résultats de recherche à l’internaute et d’oublier les classifications lourdes en arborescence qui rendent si longue et si fastidieuse la navigation sur des sites contenant parfois plusieurs dizaines de milliers de références.

Source : http://www.capitaine-commerce.com/index.php/2008/02/04/506-esquisse-d-un-moteur-de-recherche-pour-le-e-commerce

Alors que de nombreux sites de e-commerce continuent à aligner les onglets et les navigations compliquées au risque de perdre leur clients dans les dédales de leur site, à noyer leur moteur de recherche au milieu de publicités, macarons et autres messages promotionnels, quelques sites de grande envergure ont pris le pari de proposer une autre organisation au risque de dérouter leurs clients : dans le genre le site américain amazon.com fait très fort : plus d’onglets, une navigation à gauche qui reprend la liste des catégories de produit et un moteur de recherche très présent puisque le champs de saisie occupe plus de la moitié de la page dans sa largeur !

La Fnac, même si ce n’est pas aussi spectaculaire a également mis en valeur son moteur de recherche dans sa nouvelle version, Kelkoo propose une navigation innovante ainsi qu’un moteur de recherche très présent, like.com place son moteur de recherche tout en haut de la page avant toute autre information, une tendance à suivre ?

]]> http://www.lesintegristes.net/2008/02/24/la-place-du-moteur-de-recherches-sur-les-sites-de-e-commerce/feed/ 2