IE 10 : Microsoft sort l'artillerie lourde pour séduire les développeurs
Avec de nouveaux outils, des guides, des démos et un site dédié

Le , par Gordon Fowler, Expert éminent sénior
Microsoft n’est plus le maître des navigateurs. Chrome et Firefox ont mené la vie dure à Internet Explorer et l’éditeur a dû revoir sa stratégie : plus d’ouverture, plus de nouveautés et plus souvent, plus d’outils de développement. Bref, plus d’innovations dans un marché plus compétitif.

Initialement, comme la dernière version de son navigateur n’était sortie que sur Windows 8, ses parts de marchés ont eu du mal à décoller. Mais avec son arrivée sur Windows 7, IE 10 commence à frémir. Avec, pour les développeurs web, l’obligation de commencer à le prendre sérieusement en compte.

Pour les convaincre d’aller dans ce sens et d’adapter leurs sites à IE 10, Microsoft vient de sortir plusieurs outils, des guides très complets et autres démos. En résumé : l’artillerie lourde.



Le premier outil vise à faciliter les tests pour analyser une page web, via un portail dédié. Il suffit d’entrer l’URL de votre site et un rapport est généré avec les différentes remarques des équipes de Microsoft.


Developpez.com utilise des bonnes pratiques CSS

Assez proche dans l’idée, ce portail d’analyse donne également accès à BrowserStack - pendant 3 mois. BrowserStack compare l’affichage de votre site sur différents navigateurs et les met en parallèle.

Vous développez un site mais vous n’êtes pas sous Windows ? Pas de problème. Des machines virtuelles préconfigurées peuvent à présent être téléchargées pour tester le rendu d’un site dans IE 10 depuis des environnements Linux et Mac.


Deuxième angle d’attaque : le tactile. IE 10 est en effet « taillé » pour les tablettes et Microsoft essaye de pousser les développeurs Web à exploiter ces possibilités.

L’éditeur a donc mis en ligne un ensemble de codes (CSS) et d’API (MS Pointer) ainsi que des ressources explicatives pour les implémenter plus facilement dans un site et le « préparer aux interactions tactiles ».

Dans le même esprit, Microsoft a réalisé un guide sur la manière d’épingler votre site à l'avant-plan de la Modern UI comme s’il s’agissait d’une application.


Un générateur de code automatise cette tâche en ligne pour « placer votre vignette juste à côté d'applications sur l'écran d'accueil de Windows 8 en l'espace de quelques minutes ». Impossible de faire plus simple.


Troisième angle d’attaque pour ces nouveaux outils : le respect des standards et l’ouverture.

On parle ici bien sûr du trio HTML5, CSS, JavaScript, des portes qu’il ouvre aux développeurs… et de son support dans IE 10.

Introduction au Point Events (toujours pour simplifier l’implémentation du tactile dans un site), à Hand.js, tutoriels sur Canvas et SVG, retour sur les coulisses de Cut The Rope en HTML5, explication de l’élément <datalist>, des tags Sémantiques, Modernizr, le point sur JavaScript pour les développeurs.NET, etc. etc. etc.

Autant de ressources générales abordées dans le nouveau « Centre de Développement HTML5 » de l’éditeur qui vient d’ouvrir.


Un « Centre » généraliste qui est accompagné d’une page spécifique à IE 10 pour Windows 8 (le « Centre de Développement Internet Explorer »).

Ce deuxième « Centre » reprend pour les sujets développeurs spécifiques au navigateur : Flash Player dans Windows 8, informations de référence sur les API Internet Explorer, rendre un site compatible avec IE 10 (tout en conservant une expérience satisfaisante avec les anciens navigateurs), le Responsive Design avec IE 10, etc.

Enfin on notera un guide très complet sur ces sujets (« Le guide du Développeur pour IE »), lui aussi disponible gratuitement, qui complète les deux sources ci-dessus en revenant par exemple sur la Console F12, IndexedDB ou l’optimisation concrète (les mains dans le code donc) des performances d’un site pour l’affichage dans IE 10. Voire pour la création d’applications Windows 8 avec des technos Web.

« Le Guide du développeur Internet Explorer 10 offre un aperçu des fonctionnalités de développement incluses dans Internet Explorer 10, ainsi que les dernières fonctionnalités HTML5, JavaScript et CSS3 (Cascading Style Sheets, niveau 3) disponibles pour les développeurs d’applications du Windows Store en JavaScript pour Windows 8, explique Microsoft. La documentation et les exemples disponibles dans ce guide permettent aux développeurs et aux concepteurs de tirer pleinement parti de ces nouvelles fonctionnalités ».


En plus de ces « indispensables des développeurs Web », un ensemble de démos (qui existaient déjà) ont été regroupées pour illustrer la nouvelle philosophie.

Ces démos sont des jeux développés en JavaScript (et Create JS). Très ludiques, on y retrouve « Contre-Jour » (une variante en noir et blanc de « Cut The Rope ») ou du retro-gaming, qui fera revivre des souvenirs aux trentenaires et plus, avec une console Atari et son catalogue de jeux vintages remis au goût du jour (dont Pong, Lunar Lander, Combat, Super Breakout ou Asteroids).

Ces jeux sont multiplateformes puisqu’on peut y accéder avec d’autres navigateurs.

À noter, du côté d’Atari, qu’il est possible de faire son jeu (avec le AtariArcade SDK) et de le soumettre pour qu’il soit intégré au catalogue de la console en ligne. Les sélectionnés seront rémunérés (publicité, achat in-app, etc.)

Pour simplifier les choses, et exactement comme pour ses outils de développement pour Windows 8, Microsoft a décidé de regrouper toutes ces ressources sur une seule et même page.

Une bonne idée.

La page de Microsoft qui centralise ses outils de développement Web et/ou pour IE 10
(N.B. « Contre-Jour » et les jeux Atari – et le SDK AtariArcade - sont accessibles depuis cette même page)



Et vous ?

La part de marché actuelle de IE 10 est en croissance et dépasse les 7 %. En tant que développeurs Web, commencez-vous à prendre en compte IE 10 pour l’affichage de vos pages, ou pas du tout ?

Et aussi

La page de Microsoft qui centralise les outils de développement pour Windows 8 (C/C++, .NET, technos Web, etc.)


Vous avez aimé cette actualité ? Alors partagez-la avec vos amis en cliquant sur les boutons ci-dessous :


 Poster une réponse

Avatar de grunk grunk - Modérateur https://www.developpez.com
le 25/04/2013 à 15:53
En tant que développeurs Web, commencez-vous à prendre en compte IE 10 pour l’affichage de vos pages, ou pas du tout ?

Le problème est pas spécifique à IE mais on devrait pas à avoir à "prendre compte" tel ou tel navigateur. C'est de moins en moins nécessaire, mais tant que tous ne se plieront pas aux standards (ceux reconnus pas ceux qu'il décident en interne) ca sera pénible.

En tout cas une chose est sure Microsoft à fait des progrès phénoménaux au niveau des outils de débugging de son navigateur. Il sont réellement bien foutu , on aurait presque envie d'utiliser IE pour le coup
Avatar de CapFlow CapFlow - Membre actif https://www.developpez.com
le 25/04/2013 à 16:53
Je ne prendrai presque jamais en compte les autres navigateurs, y compris IE.
C'est à eux de prendre en compte mon code en prenant en compte les standards (W3C)
Avatar de alex_vino alex_vino - Membre émérite https://www.developpez.com
le 25/04/2013 à 21:47
La premiere fois que j'ouvre IE10, je regarde vite fait comment il fonctionne sur mes sites et... patatrac!
Mes sites qui sont 100% compatibles tous navigateurs avec IE7+ a son design tout chamboulé et plein d'erreur causée par leur nouveau moteur JavaScript, bilan des courses 10% du site utilisant JavaScript ne fonctionne plus du tout et certaines fonctionnalités CSS/jQuery meme pas affichée.
Mes clients ne sont pas non plus davantage préoccupés par IE10, peut-etre ont-ils pris conscience que Windows 8 permettra aux gens de changer de navigateurs pour l'ancienne génération XP/IE.
Personellement en tant qu'utilisateur cette fois je ne suis pas du tout emballé par ce navigateur.
Avatar de s4mk1ng s4mk1ng - Membre éprouvé https://www.developpez.com
le 26/04/2013 à 10:03
C'est sur qu'on sent une avancée par rapport aux IE précédent mais le simple fait de devoir obligatoirement changer d'OS pour avoir le navigateur à jour est n'importe quoi...
Après si le client me demande Ie10 je serais obliger de le faire mais dans l'utilisation quotidienne Chrome et Firefox me suffisent amplement.
Avatar de alex_vino alex_vino - Membre émérite https://www.developpez.com
le 26/04/2013 à 10:13
Citation Envoyé par s4mk1ng  Voir le message
C'est sur qu'on sent une avancée par rapport aux IE précédent mais le simple fait de devoir obligatoirement changer d'OS pour avoir le navigateur à jour est n'importe quoi...

Microsoft avait finalement fait marche arriere et maintenant tu peux installer IE10 sous Windows 7 (ou effectue les mises a jour via Windows Update). Mais je l'accorde il faut au minimum Windows 7, et le premier choix de Microsoft pour l'exclusivité du navigateur sous Windows 8 montre bien que Microsoft n'en a que faire de leurs utilisateurs ne pouvant pas acheter une machine tous les 6 mois, en tout cas cela montre bien que adpater IE10 a Windows 7 n'était pas insurmontable comme ils le disait au début, d'ailleurs tous les autres navigateurs le font bien et la plupart sont bien meilleurs.
Avatar de s4mk1ng s4mk1ng - Membre éprouvé https://www.developpez.com
le 26/04/2013 à 10:44
Microsoft avait finalement fait marche arriere et maintenant tu peux installer IE10 sous Windows 7 (ou effectue les mises a jour via Windows Update). Mais je l'accorde il faut au minimum Windows 7, et le premier choix de Microsoft pour l'exclusivité du navigateur sous Windows 8 montre bien que Microsoft n'en a que faire de leurs utilisateurs ne pouvant pas acheter une machine tous les 6 mois, en tout cas cela montre bien que adpater IE10 a Windows 7 n'était pas insurmontable comme ils le disait au début, d'ailleurs tous les autres navigateurs le font bien et la plupart sont bien meilleurs.

Ma boîte tournant encore sous Windows Xp je ne peux malheureusement pas l'installer tout comme Ie9 ><
Avatar de zevince zevince - Membre averti https://www.developpez.com
le 27/04/2013 à 9:51
en tant que dev web, j'ai toujours galéré avec IE, aussi loin que je me souvienne.

Quand IE 9 est sorti, j'ai eu un espoir fou, que IE se comporte comme tout le monde.. Et ca semblait grosso-modo etre le cas, sur la version 9, très proche du rendu d'un firefox ou d'un chrome.

Quelle déception de voir que le 10 ne se comporte pas de façon standard avec les animations css3.. Sur mon dernier site, j'ai du faire un hack pour que ca fonctionne sur IE 6 à 8.. ca fonctionne très bien sur IE 9 et un autre hack pour IE10..

Ok, ce sont des animations Css3, c'est un élément neuf du langage.. MAIS QUAND MEME !! Les standards, C'est pas fait pour les chiens !!

Donc Microsoft peut sortir toutes les documentations du monde, tous les sites d'aides les mieux foutus possibles.. la simple vérité est qu'ils sont incapables de faire un navigateur qui fonctionne correctement et respecte TOUS les standards.

Je les hais profondément, ils me coutent 30 % de boulot en plus sur chaque site ou presque !!

Mon dernier client m'a même demandé si je pouvais assurer la compatibilité du site pour win95 / IE4.. et oui, dans nos beaux hôpitaux français, on a encore du IE4.. et pas un poste ou deux.. !
Avatar de maitredede maitredede - Membre du Club https://www.developpez.com
le 29/04/2013 à 8:37
Citation Envoyé par zevince  Voir le message
Mon dernier client m'a même demandé si je pouvais assurer la compatibilité du site pour win95 / IE4.. et oui, dans nos beaux hôpitaux français, on a encore du IE4.. et pas un poste ou deux.. !

Salut,

Pour ma part, ayant travaillé chez un éditeur de logiciel de santé, je me suis retrouvé avec un soucis similaire : environnement obsolète, application récente. La solution qui été trouvée est l'utilisation de l'application dans des sessions TS, en mode RemoteApp. Ca marche très bien, les utilisateurs n'y voyaient que du feu, et pour le coup, ça ne nécessitait pas un changement complet du parc.

Mais de là à rester sous Windows 95... C'est comme si on pratiquait la médecine à base de théologie et de trépanation
Avatar de bluedemon bluedemon - Nouveau Candidat au Club https://www.developpez.com
le 29/04/2013 à 10:41
Bonjour
Des liens sont cassés. Serait il possible de les corriger ?
Merci
Offres d'emploi IT
Data scientist senior H/F
Safran - Ile de France - Magny-les-Hameaux (Saclay)
Expert décisionnel business intelligence H/F
Safran - Ile de France - Évry (91090)
Ingénieur conception en électronique de puissance H/F
Safran - Ile de France - Moissy-Cramayel (77550)

Voir plus d'offres Voir la carte des offres IT
Contacter le responsable de la rubrique Accueil