Nous vous proposons donc un SUPERBE (parce que vous le valez bien) cahier de vacances pour vous faire découvrir un des acteurs majeurs des prochaines années : HTML5.

Le premier des trois chapitres sera disponible pour le 15 aout sur le site du MSDN :

https://msdn.microsoft.com/fr-fr/ie/hh237531

Pour vous faire patienter jusque là, je vous propose cette petite vidéo d’introduction:

- Stanislas, David & David -

[Billet posté à la place de David qui attend son accès de contributeur à ce blog ]

J’ai donc écrit un article dont le but est de parcourir le développement d’une application utilisant HTML 5 et JavaScript. Au fur et à mesure des fonctionnalités nous pourrons ainsi voir par l’exemple une manière (parmi d’autres) d’appréhender ce genre de projet.

Vous pourrez lire tout cela ici : https://blogs.msdn.com/b/eternalcoding/archive/2011/07/13/retours-sur-un-d-233-veloppement-html5-amp-javascript.aspx

 Mon twitter : #deltakosh

Cet utilitaire est donc particulièrement utile pour les administrateurs des postes de travail en entreprise qui contrôlent ces paramètres via les stratégies de groupes (GPO) et/ou qui vont migrer vers des nouvelles versions plus récentes d’Internet Explorer.

L’article complet est lisible sur mon blog à l’adresse suivante : https://blogs.technet.com/b/stanislas/archive/2011/07/08/zones-de-s-233-curit-233-dans-internet-explorer-iezoneanalyzer-un-outil-tr-232-s-utile.aspx

- Stanislas Quastana -

Rappel : le concept de Platform Preview est arrivé avec les premières versions d’IE9 divulguées lors de la Microsoft Professional Developper Conference 2009. L’idée est de proposer pour les développeurs Web une préversion du (des) moteur(s) présents dans la prochaine version d’Internet Explorer. Une Platform Preview n’est pas une beta dans le sens où aucune interface utilisateur (barre d’adresse, boutons…) ou mécanismes de sécurité (Filtre Smartscreen, Application reputation…) ne sont disponibles. Donc je me répète : une Plateform Preview est réservée aux testeurs et développeurs Web

Alors quelle sont les nouveautés de cette nouvelle Platform Preview d’IE 10 ?

Comme toute bonne Platform Preview, cette nouvelle version intègre le support de nouveaux éléments d’HTML5 et technologies associées :

Nouvelles spécifications HTML5 supportées :

• Asynchronus Script Execution
• L’attribut async dans HTML5 permet d’améliorer le chargement des pages (dont le chargement peut être bloqué tant que des scripts ne sont pas exécutés)
• Démo : https://ie.microsoft.com/testdrive/Performance/AsyncScripts/Default.html

• Drag and Drop
• Spécification W3C : https://www.w3.org/TR/html5/dnd.html
• Cette Preview d’Internet Explorer 10 ajoute le support de l’attribut draggable à tout élément et le support en drag and drop d’un ou plusieurs fichiers depuis  le bureau vers une page Web
• Informations complémentaires : https://msdn.microsoft.com/en-us/ie/hh272905#_HTML5DragDrop
• File API  
• Spécification W3C : https://www.w3.org/TR/FileAPI/
• Cette API permet de gérer des objets de type fichier dans les applications Web
• Démo : https://ie.microsoft.com/testdrive/Graphics/MagneticPoetry/Default.html

• Forms Validation
• Spécification particulièrement intéressante : les Forms validation permettent de valider le contenu ou le type d’un champs dans un formulaire (ex: le type date, code postal…).
• Démo : https://ie.microsoft.com/testdrive/HTML5/Forms/Default.html

• HTML5 Sandbox
• L’attribut sandbox ajoute des restrictions de sécurité pour les élements iFrame contenant du contenu qui n’est pas reconnu (trusted)
• Spécification W3C : https://www.w3.org/TR/html5/the-iframe-element.html
• Plus d’informations : https://msdn.microsoft.com/en-us/ie/hh272905#_HTML5Sandbox
• Démo : https://ie.microsoft.com/testdrive/HTML5/sandbox/Default.html
• Web Workers 
• Spécification du W3C : https://dev.w3.org/html5/workers/
• Ces API permettent d’éxécuter des scripts en arrière plan. Cela permet de parallélliser l’exécution sur plusieurs threads indépendants de l’UI
• Plus d’informations : https://msdn.microsoft.com/en-us/ie/hh272905#_HTML5WebWorker
• Démo : https://ie.microsoft.com/testdrive/HTML5/WebWorkerTest262/Default.html

Nouvelles spécifications CSS3 supportées :

• CSS3 Flexible Box (“Flexbox”) Layout 
• Spécification W3C :  https://www.w3.org/TR/css3-flexbox/
• Les flexbox layout permettent de mieux gérer l’espace disponible et les espacements entre différents boites
• Plus d’informations : https://msdn.microsoft.com/en-us/ie/hh272902#_CSSFlexBox
• Démo : https://ie.microsoft.com/testdrive/HTML5/Flexin/Default.html

• Positioned floats
• Spécifications : https://www.interoperabilitybridges.com/css3-floats/
• Permet de définir des éléments qui peuvent être entourés de texte tout en spécfiant une zone d’espace minimum entre l’élément et le texte. Idéal en combinaison de CSS Grid, CSS Multi-column et CSS FlexBox pour des applications Web destinées à des tailles d’écrans très différentes (du smartphone à la TV)
• Plus d’informations : https://msdn.microsoft.com/en-us/ie/hh272902#_CSSFloats
• Démo : https://ie.microsoft.com/testdrive/HTML5/PositionedFloats/Default.html

• CSS3 Gradients (dans toutes les propriétés acceptant des images)
• Spécifications du W3C : https://www.w3.org/TR/css3-images/
• Les gradients (dégradés) sont des images où il y a une transition d’une couleur vers une autre. Internet Explorer 10 supporte les dégradés linéaires, circulaires ou elliptiques. Cette propriété est préfixée (-ms)
• Plus d’informations : https://msdn.microsoft.com/en-us/ie/hh272902#_CSSGradients

• CSS3 Grid Alignment 
• Spécification : https://www.interoperabilitybridges.com/css3-grid-align/
• La grille (Grid) permet de diviser l’espace d’une page Web en différente zone don’t le positionnement pourra changer en fonction de la résolution d’écran ou de la taille de la fenêtre du navigateur. Cela permettant donc un usage optimal de l’écran disponible.
• Plus d’informations : https://msdn.microsoft.com/en-us/ie/hh272902#_CSSGrid
• Démo : https://ie.microsoft.com/testdrive/HTML5/GridSystem/Default.html
• Démo2 (que je trouve plus parlante) : https://david.blob.core.windows.net/html5graphics/SimpleCSS3GridDemo.html
• CSS3 Multi-column Layout 
• Spécification du W3C :  https://www.w3.org/TR/css3-multicol/
• Cette spécification permet la gestion de contenu par colonne (ex: du texte), très utile pour afficher correctement le contenu sur des écrans / devices de taille différentes
• Plus d’informations : https://msdn.microsoft.com/en-us/ie/hh272902#_CSSMultiCol
• Démonstration : https://david.blob.core.windows.net/html5graphics/SimpleCSS3MultiColumn.htm
• Removal of style sheet limits
• Plus d’informations : https://msdn.microsoft.com/en-us/ie/hh272902#_CSSRemoveLimits

Nouveautés DOM :

• Advanced Hit testing APIs
• Plus d’informations : https://msdn.microsoft.com/en-us/ie/hh272903#_DOMHitTesting
• CSSOM Floating Point Value support
• Plus d’informations : https://msdn.microsoft.com/en-us/ie/hh272903#_DOMFP
• Media Query Listeners
• Plus d’informations : https://msdn.microsoft.com/en-us/ie/hh272903#_DOMMediaQuery 
• Démo : https://ie.microsoft.com/testdrive/HTML5/CSS3MediaQueries/Default.html

Support d’ECMAScript 5 (ES5) :

• The strict variant of ECMAScript (“ES5 strict mode”)
• Suite de tests officielle de l’ECMA : https://test262.ecmascript.org/

API Web Performance : https://msdn.microsoft.com/en-us/ie/hh272906#_Perf

• requestAnimationFrame 
• Démo : https://ie.microsoft.com/testdrive/Graphics/RequestAnimationFrame/Default.html
• Page Visibility API
• Démo : https://ie.microsoft.com/testdrive/Performance/PageVisibility/Default.html
• setImmediate API
• Démo : https://ie.microsoft.com/testdrive/Performance/setImmediateSorting/Default.html
  

Egalement à tester : une démonstration utilisant l’accélération matérielle (utilisation du GPU) : Fireflies

https://ie.microsoft.com/testdrive/Performance/Fireflies/Default.html –> à tester avec vos navigateurs modernes. Attention ça consomme de la ressource 

Téléchargement d’Internet Explorer 10 Platform Preview 2 : https://ie.microsoft.com/testdrive/Info/Downloads/Default.html

Informations complémentaires :

• Internet Explorer Platform Preview Guide for Developers
  https://msdn.microsoft.com/en-us/ie/gg192966.aspx

- Stanislas Quastana -

L’article complet (incluant toutes les sources d’informations…) est disponible sur mon blog à l’adresse suivante : https://blogs.technet.com/b/stanislas/archive/2011/06/28/navigateurs-web-et-s-233-curit-233-faire-le-bon-choix-et-comparer-ce-qui-est-comparable-mise-224-jour-1er-juillet-2011.aspx

- Stanislas Quastana -

Je viens d'écrire sur mon blog un article dont l’objectif est de résumer ce qu’il faut savoir sur la balise vidéo d’HTML5.

Le billet est lisible à l'adresse suivante: https://blogs.technet.com/b/stanislas/archive/2011/06/21/html5-ce-qu-il-faut-savoir-sur-la-balise-video.aspx

Bonne lecture

- Stanislas Quastana -

Vous trouverez donc toutes ces vidéos encodées en h264 et WebM au sein d’une application que je trouve assez cool entièrement réalisée en HTML5 ici : Une application HTML5 pour afficher les vidéos 5 minutes pour comprendre IE9.

Vous pourrez donc voir tout cela sans plug-in sous IE9, Firefox 4/5, Chrome, Opera 11 et même avec un iPad !

David

Si vous ne voulez pas passer par Windows Update (ou plutôt si vous voulez intégrer cette mise à jour dans vos masters Windows 7) voici les adresses de téléchargement du correctif.

Correctifs pour IE9

Cumulative Security Update for Internet Explorer 9 in Windows Vista (KB2530548) https://goo.gl/fb/eMk7Y
Cumulative Security Update for Internet Explorer 9 in Windows 7 https://tinyurl.com/6fm5kdd
Cumulative Security Update for Internet Explorer 9 in Windows 7 x64 Edition (KB2530548) https://goo.gl/fb/5Cbix
Cumulative Security Update for Internet Explorer 9 in Windows Server 2008 x64 Edition (KB2530548) https://goo.gl/fb/3tcx0
Cumulative Security Update for Internet Explorer 9 in Windows Server 2008 (KB2530548) https://goo.gl/fb/vdioa
Cumulative Security Update for Internet Explorer 9 in Windows Server 2008 R2 x64 Edition (KB2530548) https://goo.gl/fb/7I1Wv

et voici ce que ça donne avant / après:

Idem pour ceux qui ont Internet Explorer 8.

Correctifs pour IE8

Cumulative Security Update for Internet Explorer for Windows Server 2003 x64 Edition (KB2530548) https://goo.gl/fb/iGpyV
Cumulative Security Update for Internet Explorer 8 for Windows XP (KB2530548) https://goo.gl/fb/cA85t
Cumulative Security Update for Internet Explorer 8 for Windows XP x64 Edition (KB2530548) https://goo.gl/fb/fTSmC
Cumulative Security Update for Internet Explorer for Windows Server 2003 (KB2530548) https://goo.gl/fb/RkjKk
Cumulative Security Update for Internet Explorer 8 for Windows Server 2003 x64 Edition (KB2530548) https://goo.gl/fb/4kEsu
Cumulative Security Update for Internet Explorer 8 for Windows Server 2003 (KB2530548) https://goo.gl/fb/f36Qb
Cumulative Security Update for Internet Explorer 8 in Windows Server 2008 R2 for Itanium-based Systems (KB2530548) https://goo.gl/fb/UD1PW
Cumulative Security Update for Internet Explorer 8 in Windows Vista x64 Edition (KB2530548) https://goo.gl/fb/clpuA
Cumulative Security Update for Internet Explorer 8 in Windows Server 2008 x64 Edition (KB2530548) https://goo.gl/fb/0JESf

- Stanislas -

Une mise à jour a été faite concernant les images virtuelles (vhd) pour vous aider à évaluer et accélérer votre migration vers IE9 :

• Windows XP IE6 (avec la présence locale sur le disque des binaires IE7 et IE8)
• Windows Vista IE7 (avec la présence locale sur le disque des binaires IE8)
• Windows 7 IE8 (avec la présence locale sur le disque des binaires IE9)
• Windows 7 IE9 + ACT 5.6, Expression Super Preview.

le tout est ici https://www.microsoft.com/downloads/en/details.aspx?FamilyId=21EABB90-958F-4B64-B5F1-73D0A413C8EF&displaylang=en

Voici la liste des ces vidéos :

- 5 min pour comprendre: nouveautés de l'interface de Windows Internet Explorer 9
- 5 min pour comprendre: l’accélération matérielle d’IE9
- 5 min pour comprendre: le nouveau moteur JavaScript d’IE9
- 5 min pour comprendre: la protection de la vie privée avec IE9
- 5 min pour comprendre: les outils pour les développeurs autour d’IE9
- 5 min pour comprendre: les mécanismes de sécurité dans IE9

Ces vidéos seront visibles au format Silverlight Smooth Streaming ou avec la balise vidéo HTML5 utilisant le codec h264 en fonction de votre contexte.

Stanislas & David