Le blog français d'Internet Explorer

Profitez des vacances pour faire un peu d’HTML5

2011-08-02T07:58:06Z

Vu le temps ~~pourri~~ magnifique que nous nous avons ces derniers jours, nous avons pensé qu’un peu d’activité cérébrale ne serait pas superflue

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 :

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

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

Visionner cette vidéo au format WMV

- Stanislas, David & David -

Retour sur un développement graphique sur HTML 5 & JavaScript [par David Catuhe]

2011-07-19T07:58:00Z

[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 : http://blogs.msdn.com/b/eternalcoding/archive/2011/07/13/retours-sur-un-d-233-veloppement-html5-amp-javascript.aspx

Mon twitter : #deltakosh

IEZoneAnalyzer – un outil très pratique pour les IT

2011-07-08T14:46:54Z

IEZoneAnalyzer est un utilitaire proposé par Aaron Margosis permettant de visualiser et de comparer les paramètres des zones de sécurité d'Internet Explorer.

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 : http://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 -

Internet Explorer 10 Platform Preview 2 : quelles sont les nouveautés ?

2011-07-04T09:22:00Z

Jeudi a été annoncé la disponibilité de la seconde Platform Preview d’Internet Explorer 10 sur le site Internet Explorer 10 Test Drive.

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 : http://ie.microsoft.com/testdrive/Performance/AsyncScripts/Default.html

Drag and Drop

Spécification W3C : http://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 : http://msdn.microsoft.com/en-us/ie/hh272905#_HTML5DragDrop

File API

Spécification W3C : http://www.w3.org/TR/FileAPI/
Cette API permet de gérer des objets de type fichier dans les applications Web
Démo : http://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 : http://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 : http://www.w3.org/TR/html5/the-iframe-element.html
Plus d’informations : http://msdn.microsoft.com/en-us/ie/hh272905#_HTML5Sandbox
Démo : http://ie.microsoft.com/testdrive/HTML5/sandbox/Default.html

Web Workers

Spécification du W3C : http://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 : http://msdn.microsoft.com/en-us/ie/hh272905#_HTML5WebWorker
Démo : http://ie.microsoft.com/testdrive/HTML5/WebWorkerTest262/Default.html

Nouvelles spécifications CSS3 supportées :

CSS3 Flexible Box (“Flexbox”) Layout

Spécification W3C : http://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 : http://msdn.microsoft.com/en-us/ie/hh272902#_CSSFlexBox
Démo : http://ie.microsoft.com/testdrive/HTML5/Flexin/Default.html

Positioned floats

Spécifications : http://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 : http://msdn.microsoft.com/en-us/ie/hh272902#_CSSFloats
Démo : http://ie.microsoft.com/testdrive/HTML5/PositionedFloats/Default.html

CSS3 Gradients (dans toutes les propriétés acceptant des images)

Spécifications du W3C : http://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 : http://msdn.microsoft.com/en-us/ie/hh272902#_CSSGradients

CSS3 Grid Alignment

Spécification : http://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 : http://msdn.microsoft.com/en-us/ie/hh272902#_CSSGrid
Démo : http://ie.microsoft.com/testdrive/HTML5/GridSystem/Default.html
Démo2 (que je trouve plus parlante) : http://david.blob.core.windows.net/html5graphics/SimpleCSS3GridDemo.html

CSS3 Multi-column Layout

Spécification du W3C : http://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 : http://msdn.microsoft.com/en-us/ie/hh272902#_CSSMultiCol
Démonstration : http://david.blob.core.windows.net/html5graphics/SimpleCSS3MultiColumn.htm

Removal of style sheet limits

Plus d’informations : http://msdn.microsoft.com/en-us/ie/hh272902#_CSSRemoveLimits

Nouveautés DOM :

Advanced Hit testing APIs

Plus d’informations : http://msdn.microsoft.com/en-us/ie/hh272903#_DOMHitTesting

CSSOM Floating Point Value support

Plus d’informations : http://msdn.microsoft.com/en-us/ie/hh272903#_DOMFP

Media Query Listeners

Plus d’informations : http://msdn.microsoft.com/en-us/ie/hh272903#_DOMMediaQuery
Démo : http://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 : http://test262.ecmascript.org/

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

requestAnimationFrame

Démo : http://ie.microsoft.com/testdrive/Graphics/RequestAnimationFrame/Default.html

Page Visibility API

Démo : http://ie.microsoft.com/testdrive/Performance/PageVisibility/Default.html

setImmediate API

Démo : http://ie.microsoft.com/testdrive/Performance/setImmediateSorting/Default.html

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

http://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 : http://ie.microsoft.com/testdrive/Info/Downloads/Default.html

Informations complémentaires :

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

- Stanislas Quastana -

Navigateurs Web et sécurité : faire le bon choix et comparer ce qui est comparable ! [Mise à jour 1er juillet 2011]

2011-07-01T10:02:06Z

[Note préalable : ceci est une mise à jour d’un article précédent. Pour ceux qui l’ont déjà lu, la mise à jour concerne le recensement des bulletins de sécurité et des vulnérabilités avec l’ajout de nouvelles versions des navigateurs, plus quelques ressources complémentaires concernant les mécanismes de sécurité des nouvelles versions des navigateurs]

L’article complet (incluant toutes les sources d’informations…) est disponible sur mon blog à l’adresse suivante : http://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 -

HTML5 – ce qu’il faut savoir sur la balise VIDEO

2011-06-21T12:24:22Z

HTML5, aujourd’hui tout le monde en parle et si on se concentre sur la partie langage de balise (c’est à dire à dire tout sauf CSS3, SVG, WebGL, WebSocket…), certaines nouveautés ont le vent en poupe, notamment la balise vidéo et la balise audio.

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: http://blogs.technet.com/b/stanislas/archive/2011/06/21/html5-ce-qu-il-faut-savoir-sur-la-balise-video.aspx

Bonne lecture

- Stanislas Quastana -

Les vidéos 5 min pour comprendre au format WebM & h264 dans une application HTML5

2011-06-17T15:00:20Z

Avec Stanislas Quastana, nous avons créé une série de vidéos appelée “5 min pour comprendre” permettant d’illustrer assez rapidement quelques nouveautés autour d’Internet Explorer 9. Nous les avons publiées ici sur le blog IE France : La série 5 minutes pour comprendre IE9: la liste complète . Ces vidéos sont visibles au format Silverlight Smooth Streaming et/ou avec la balise vidéo HTML5 au format h264. Certains d’entre vous m’ont indiqué qu’ils auraient aimé avoir également une version WebM.

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

Mises à jour de sécurité pour Internet Explorer

2011-06-17T12:15:05Z

La première mise à jour de sécurité pour Internet Explorer 9 a été publiée ce mois-ci lors du traditionnel Tuesday Patch.

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) http://goo.gl/fb/eMk7Y
Cumulative Security Update for Internet Explorer 9 in Windows 7 http://tinyurl.com/6fm5kdd
Cumulative Security Update for Internet Explorer 9 in Windows 7 x64 Edition (KB2530548) http://goo.gl/fb/5Cbix
Cumulative Security Update for Internet Explorer 9 in Windows Server 2008 x64 Edition (KB2530548) http://goo.gl/fb/3tcx0
Cumulative Security Update for Internet Explorer 9 in Windows Server 2008 (KB2530548) http://goo.gl/fb/vdioa
Cumulative Security Update for Internet Explorer 9 in Windows Server 2008 R2 x64 Edition (KB2530548) http://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) http://goo.gl/fb/iGpyV
Cumulative Security Update for Internet Explorer 8 for Windows XP (KB2530548) http://goo.gl/fb/cA85t
Cumulative Security Update for Internet Explorer 8 for Windows XP x64 Edition (KB2530548) http://goo.gl/fb/fTSmC
Cumulative Security Update for Internet Explorer for Windows Server 2003 (KB2530548) http://goo.gl/fb/RkjKk
Cumulative Security Update for Internet Explorer 8 for Windows Server 2003 x64 Edition (KB2530548) http://goo.gl/fb/4kEsu
Cumulative Security Update for Internet Explorer 8 for Windows Server 2003 (KB2530548) http://goo.gl/fb/f36Qb
Cumulative Security Update for Internet Explorer 8 in Windows Server 2008 R2 for Itanium-based Systems (KB2530548) http://goo.gl/fb/UD1PW
Cumulative Security Update for Internet Explorer 8 in Windows Vista x64 Edition (KB2530548) http://goo.gl/fb/clpuA
Cumulative Security Update for Internet Explorer 8 in Windows Server 2008 x64 Edition (KB2530548) http://goo.gl/fb/0JESf

- Stanislas -

Images virtuelles (VPC) Internet Explorer Application Compatibility

2011-05-20T12:17:26Z

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 http://www.microsoft.com/downloads/en/details.aspx?FamilyId=21EABB90-958F-4B64-B5F1-73D0A413C8EF&displaylang=en

La série 5 minutes pour comprendre IE9: la liste complète

2011-04-29T14:14:43Z

Avec Stanislas, nous avons créé une petite série de 6 vidéos baptisées “5 minutes pour comprendre IE9”. L’idée est de vous permettre de découvrir rapidement quelques nouveautés illustrées. Enfin, en 5 minutes, sauf quand c’est Stan qui raconte sa vie. Mais ça, c’est un autre problème…

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

5 min pour comprendre: les mécanismes de sécurité dans IE9

2011-04-29T13:53:21Z

Avec Stanislas, nous avons créé une petite série de vidéos baptisées “5 minutes pour comprendre IE9”. L’idée est de vous permettre de découvrir quelques nouveautés d’IE9 illustrées en 5 à parfois 10 min.

Voici la dernière vidéo consacrée aux nouveautés de l’interface utilisateur d’IE9 :

Cette vidéo sera visible au format Silverlight Smooth Streaming ou avec la balise vidéo HTML5 utilisant le codec h264 en fonction de votre contexte.

Si le sujet vous intéresse, voici d’autres articles à lire :

- Navigateurs Web en entreprise : faire le bon choix et comparer ce qui est comparable !
- Internet Explorer 9 - ActiveX Filtering
- IE 9 - plus de securite lors des telechargements avec SmartScreen Application Reputation

David

5 min pour comprendre: les outils pour les développeurs autour d’IE9

2011-04-29T13:43:46Z

Voici la cinquième vidéo consacrée aux outils disponibles pour les développeurs comme la barre F12 d’IE9 ou SuperPreview :

Cette vidéo sera visible au format Silverlight Smooth Streaming ou avec la balise vidéo HTML5 utilisant le codec h264 en fonction de votre contexte.

Pour comparer facilement les rendus entre IE6/7/8 et 9, vous pouvez télécharger une version d’évaluation de SuperPreview ici : Expression Web SuperPreview

David

5 min pour comprendre: la protection de la vie privée avec IE9

2011-04-29T13:16:54Z

Voici la quatrième vidéo consacrée aux nouveautés de l’interface utilisateur d’IE9 :

Cette vidéo sera visible au format Silverlight Smooth Streaming ou avec la balise vidéo HTML5 utilisant le codec h264 en fonction de votre contexte.

Pour rappel, nous avons été les 1ers à vous proposer ce type de fonctionnalité ensuite suivi rapidement par Mozilla et Google. Par ailleurs, le W3C se penche actuellement sur notre mécanisme pour envisager de le standardiser : W3C To Consider Microsoft's Browser Tracking Protection

Si le sujet vous intéresse, voici d’autres articles à lire :

- Internet Explorer 9 et les mécanismes de protection de la vie privée
- Internet Explorer 9 - ActiveX Filtering

David

5 min pour comprendre: le nouveau moteur JavaScript d’IE9

2011-04-29T12:59:10Z

Voici la 3ème vidéo consacrée au nouveau moteur JavaScript “Chakra” d’IE9 :

Cette vidéo sera visible au format Silverlight Smooth Streaming ou avec la balise vidéo HTML5 utilisant le codec h264 en fonction de votre contexte.

Pour rappel, le nouveau moteur JavaScript d’IE9 est aujourd’hui considéré comme le plus rapide par le benchmark SunSpider des équipes de WebKit :

Source : http://ie.microsoft.com/testdrive/Benchmarks/SunSpider/Default.html

David

5 min pour comprendre: l’accélération matérielle d’IE9

2011-04-29T12:39:30Z

Voici la 2ème vidéo consacrée à la couche d’accélération matérielle d’IE9 :

Cette vidéo sera visible au format Silverlight Smooth Streaming ou avec la balise vidéo HTML5 utilisant le codec h264 en fonction de votre contexte.

Si le sujet vous intéresse, voici 2 autres articles qui y sont consacrés :

- Navigateurs web modernes : tous vers l’accélération matérielle ! Mais pas à la même vitesse…
- Vivez de belles expériences avec IE9 grâce à l’accélération matérielle et l’intégration à Windows 7

David

5 min pour comprendre: nouveautés de l'interface de Windows Internet Explorer 9

2011-04-29T12:06:54Z

Voici la première vidéo consacrée aux nouveautés de l’interface utilisateur d’IE9 :

Cette vidéo sera visible au format Silverlight Smooth Streaming ou avec la balise vidéo HTML5 utilisant le codec h264 en fonction de votre contexte.

David

IE 10 Platform Preview 1 - The Future of Adaptive Web Design -- Session du MIX2011 en vidéo

2011-04-14T13:32:00Z

Bonne nouvelles : les différentes sessions jouées à MIX arrivent au fur et à mesure en vidéo sur Channel9, je viens d’en suivre une très intéressante :

IE 10 Platform Preview 1: The Future of Adaptive Web Design par Markus Mielke (Senior Lead Program Manager chez Microsoft et membre du groupe de travail CSS au W3C)

Exemple de site avec CSS3 Media Queries : http://ie.microsoft.com/testdrive/HTML5/CSS3MediaQueries/Default.html

Informations complémentaires :

CSS3 Grid : http://www.w3.org/TR/css3-grid

Exemple de CCS3 Grid (à tester avec IE10) : http://ie.microsoft.com/testdrive/HTML5/GridSystem/Default.html

Informations complémentaires :

CSS3 Flexbox : http://www.w3.org/TR/css3-flexbox/

Exemple de CSS3 Flexbox (à tester avec IE10) : http://ie.microsoft.com/testdrive/HTML5/Flexin/Default.html

Informations complémentaires :

CSS3 Multi-column Layout : http://www.w3.org/TR/css3-multicol/

Un exemple de site reprenant toutes les technos montrées précédemment : http://ie.microsoft.com/testdrive/HTML5/Griddle/Default.html

La vidéo est téléchargeable :

Au format MP4 (iPod, iPad…) : http://files.ch9.ms/mix/2011/mp4/HTM11.mp4
Au format Windows Media Qualité standard (WMV) : http://files.ch9.ms/mix/2011/wmv/HTM11.wmv
Au format Windows Media Haute Qualité (WMV) : http://files.ch9.ms/mix/2011/wmv-hq/HTM11-HD.wmv

Bonne session !

– Stanislas Quastana –

Tags: CSS, CSS3, CSS3+Multi-column, W3C, CSS3+Flexbox, CSS3+Grid, MIX11, MIX2011, MIX+2011, IE+10, IE10, IE10+PP1, IE+10+PP1, Modern+browser

Internet Explorer 9 dans les nouveautés de Windows Phone 7 Mango présentées à MIX 2011

2011-04-13T18:39:32Z

Voilà c’est officiel : Internet Explorer 9 va arriver dans Windows Phone 7 avec la mise à jour Mango !!

Plus de détails sur Windows Phone 7 Mango : http://blogs.technet.com/b/stanislas/archive/2011/04/13/les-nouveaut-233-s-de-windows-phone-7-mango-pr-233-sent-233-es-224-mix-2011.aspx

Tags: HTML5, CSS3, SVG, IE+9, IE9, Internet+Explorer+9, Mango, WP7+Mango, Windows+Phone+7+Mango, Mango+Mango+la+décalcomanie..., mobile+browser, accélération+matérielle, navigateur+moderne+pour+smartphone+;-), nous+ont+a+l'accélération+matérielle+dans+notre+navigateur+mobile+!!

Internet Explorer 10 Platform Preview 1 présenté à MIX 2011

2011-04-12T17:24:00Z

La conférence Microsoft MIX 2011 vient de commencer et la première partie de la conférence plénière a été l’occasion de découvrir la Platform Preview 1 d’Internet Explorer 10 !!

Dean Hachamovitch est arrivé avec un nouveau t-shirt annonçant bien la suite ;-)

Dean Hachamovitch a ensuite expliqué que dans de nombreux pays (dont la France), les parts de marché de Windows 7 étaient supérieures à celles de Windows XP. Ceci pour expliquer (encore) le choix de Microsoft de réserver ses investissements sur le navigateur pour des systèmes récents et non pas datant de 10 ans.

Petit rappel sur les balises et standards émergents et ceux encore très (trop) expérimentaux. Avec au passage une petite vidéo façon dessin animé expliquant Websocket, ses changements de versions et sa désactivation par défaut dans les navigateurs de Google ou de la Fondation Mozilla.

Ensuite nous avons eu droit à des nouvelles démonstrations d’Internet Explorer 10 dont le successeur du célèbre FishTank : Fishbowl qui devrait faire ramer un paquet de navigateurs :-)

Une démo avec CSS Grid et Flexbox

Puis nous avons eu droit à une démonstration avec Steven Sinofsky

Démo CSS Gradient Background (avec ici les extensions propriétaires des différents navigateurs)

Steven Sinofsky a alors montré que son IE 10 ne fonctionnait pas sur un OS exécuté sur une architecture Intel (x86) mais sur une architecture ARM (je vous laisse réfléchir à quel OS cela fait référence, moi je n’ai pas le droit de dire le nom ;-))

Plus d’informations :

Next Version of Windows Will Run on System on a Chip (SoC) Architectures from Intel, AMD and ARM http://www.microsoft.com/presspass/features/2011/jan11/01-05sinofskysoc.mspx

Steven Sinofsky a du coup annoncé la conférence Microsoft PDC 2011 où on devrait parler de l’OS fonctionnant sur ARM sur lequel il a fait sa démo IE 10 ;-)

Petit récapitulatif des démos IE 10

Que retenir sur IE ?

IE10 Platform Preview est disponible en téléchargement sur : http://ie.microsoft.com/testdrive/Info/ThankYou/Default.html

Le site http://ie.microsoft.com/testdrive/ contient toutes les démos présentées lors du keynote

Bon téléchargement d’IE 10 PP1 et bons tests ;-)

– Stanislas Quastana -

Tags: IE10, Internet+Explorer+10, IE+10, MIX+2011, PDC2011, PDC+2011, Microsoft+Professional+Developper+Conference+2011, CSS+Gradient, CSS3+Grid, CSS3+Flexbox, CSS3+Multi-column, ECMAScript+5+Strict+Mode, Platform+Preview, ARM, Windows+et+ARM

Microsoft MIX 2011 - regardez la session plénière en live !!!

2011-04-12T15:59:01Z

L’évènement Microsoft MIX 2011 qui a lieu à Las Vegas du 12 au 14 avril 2011 va commencer dans quelques minutes.

La session plénière est visible sur le Web en Live à l’adresse suivante : http://live.visitmix.com/

Au programme : plein de nouveautés que je n’ai pas le droit de divulguer ;-)

Bonne keynote ;-)

Tags: IE, Internet+Explorer, Silverlight, HTML5, HTML+5, MIX+2011

Internet Explorer Administration Kit - guide d'utilisation

2011-03-31T13:18:03Z

Depuis Internet Explorer 4 (en 1998), Microsoft fournit pour chaque version du navigateur un outil de personnalisation et de packaging : l’Internet Explorer Administration Kit (IEAK).

L’objectif de ce billet est de faire un petit tour de la version 9 de l’IEAK (donc dédiée à Internet Explorer 9)

Etape 1 – Installation de l’IEAK 9

L’IEAK 9 est disponible en téléchargement à l’adress suivante : http://www.microsoft.com/downloads/en/details.aspx?FamilyID=671B9CF6-546C-4889-8A6D-EEAA56C76DEB

Il est disponible en pas mal de langues dont le français.

Pré-requis : l’IEAK ne peut être installé que sur un poste / serveur ayant déjà Internet Explorer 9 ce qui le limite donc aux plateformes suivantes :

Windows Vista 32 bit et 64 bit SP2
Windows Server 2008 32 et 64 bit SP2
Windows 7 32 bit et 64 bit
Windows Server 2008 R2 64 bit (il n’existe pas de version 32 bit de Windows Server 2008 R2)

Lors de l’installation d’IEAK 9, vous devez sélectionner une version, en fonction de votre contrat de licence.

La version choisie détermine les options qui sont à votre disposition pour personnaliser votre package Internet Explorer, les étapes que vous devez effectuer pour déployer entièrement ce package, ainsi que la façon dont vous pourrez gérer le package après l’avoir déployé

Important : Les fabricants d’ordinateurs OEM ne sont pas autorisés à utiliser IEAK 9 pour personnaliser Internet Explorer 9. Les fabricants d’ordinateurs OEM qui installent Internet Explorer 9 comme faisant partie d’un produit Windows, sous contrat de licence OEM avec Microsoft, doivent utiliser l’addenda du kit de préinstallation OEM pour Internet Explorer 9 comme guide pour les personnalisations autorisées pour Internet Explorer 9. si vous êtes OEM, je vous encourage à aller jeter un oeil sur le blog de l’équipe OEM de Microsoft France : http://blogs.technet.com/b/oemfrance/

Ici je vais choisir l’option qui doit être utilisé par la majorité des entreprises.

Informations complémentaires sur les différentes versions (licences) :

Guide de gestion de licences Internet Explorer Administration Kit 9 (IEAK 9)
http://technet.microsoft.com/fr-fr/ie/gg615603

Etape 2 – Création d’un package Internet Explorer 9 personnalisé à votre organisation

Dans l’écran suivant choisir le répertoire où seront construit les packages IE9 personnalisés

Choisir le système d’exploitation de la plateforme cible. Il vous faudra autant de package que vous avez d’OS différents.

Choix de la langue.

Ensuite il faut choisir quel va être le mode de distribution (va dépendre de votre organisation et de vos méthodes de déploiement)

Pour montrer la majorité des écrans de configuration, j’ai laissé coché l’ensemble des fonctionnalités à personnaliser.

IEAK va ensuite vérifier et télécharge la dernière version disponible en ligne

Il est possible d’inclure dans le package des composants additionnels (ex: Silverlight, Adobe Flash Reader, codec WebM…)

Le package peut inclure et exécuter le MSRT (Malicious Software Removal Tool) lors de l’installation d’IE9.

L’écran suivant est important car c’est là que vous décidez du niveau d’interactivité / automatisation de l’installation d’IE 9.

De même vous y faites le choix de redémarrer ou pas la machine

Note : sur Windows 7 SP1 / 2008 R2 SP1, le redémarrage du système en post-installation d’IE 9 n’est pas nécessaire.

Il est possible de choisir les moteurs de recherche (si vous avez des moteurs dans votre Intranet comme SharePoint Search Server, profitez-en !)

Informations complémentaires :

Personnalisation de la recherche Internet Explorer
http://technet.microsoft.com/fr-fr/library/gg598562.aspx

A la différence des versions précédentes d’IE, il est possible d’avoir plusieurs pages d’accueil différentes (recommandé : 3 maximum)

Vous pouvez ici définir l’URL de votre intranet consacré au support IT.

Il est possible de packager les raccourcis vers les sites / applications utilisés par le personnel de l’entreprise

L’assistant de première utilisation peut être désactivé (ce que je conseille :-))

Le connection Manager est un ensemble de paramètres d’un autre age mais parfois encore utilisé : il permet de faire appel à un profil de connexion (ex: connexion RTC dans des zones géographiques).

Les 2 écrans suivants concernent la configuration du / des proxies d’entreprises.

En mode automatique (détection automatique via wpad avec DHCP ou DNS)

Informations complémentaires : http://technet.microsoft.com/fr-FR/library/gg598586.aspx

En mode plus figé (mais reconfigurable comme tous les paramètres via GPO)

Plus plein d’autre paramètres (vous noterez qu’ici l’interface a basculé en français comme la langue choisie pour mon package)

Package IE9 en cours de création :

Le package est disponible sous 2 formes un .MSI et un .EXE, vous permettant de l’utiliser quelque soit la solution de télédistribution utilisée.

Etape 3 – Déployer le package avec votre solution de télédistribution habituelle ou via GPO (même si c’est moins recommandé car aucun reporting).

Voilà c’est tout :-)

Quelques ressources utiles :

Liste de vérification : créer, déployer et gérer un package de navigateur personnalisé
http://technet.microsoft.com/fr-fr/library/gg598512.aspx
Dépannage d’IEAK et des packages personnalisés
http://technet.microsoft.com/fr-fr/library/gg598506.aspx

– Stanislas Quastana –

Tags: Packaging, Package, IE+9, Internet+Explorer+9, MSI, EXE, IEAK, Internet+Explorer+Administration+Kit

Microsoft TechDays 2011 - la vidéo de la session Accessibilité du Web 2.0 avec HTML5 et Silverlight

2011-03-31T07:29:00Z

Accessibilité du Web 2.0 avec HTML5 et Silverlight par David Rousset et Philippe Beraud

“Les technologies liés au « Web 2.0 » introduisent de nombreuses fonctionnalités qui aideront les développeurs à mettre à disposition plus facilement des contenus accessibles MAIS également non accessibles. HTML 5, la nouvelle version d’HTML, n’échappe pas à ce constat. Parfois, cela peut signifier un choix ou peu de travail supplémentaire pour rendre une fonctionnalité utile et utilisable de tous. Que faut-il en retenir ? Dans ce contexte, cette session s’intéresse à l’usage des rôles et propriétés WAI-ARIA dans ce contexte : s’agit-il d’une redondance dans HTML ? Qu’en est-il par ailleurs en termes de support dans IE 9 et d’exposition aux technologies d’assistance ? La session s’intéresse à ces dimensions ainsi qu’à l’outillage disponible pour tester la compatibilité de ces technologies avec les API d'accessibilité.”

Tags: HTML5, HTML+5, Accessibilité, Web+2.0, Silverlight

IE 9 en entreprise - les bons outils pour le déployer, le personnaliser et le gérer avec Active Directory

2011-03-28T14:16:32Z

Internet Explorer Administration Kit 9

“The Internet Explorer Administration Kit (IEAK) 9 simplifies the creation, deployment and management of customized Internet Explorer 9 packages. IEAK 9 can be used to configure the out-of-box Internet Explorer 9 experience or to manage user settings after Internet Explorer 9 deployment”

Téléchargement :
http://www.microsoft.com/downloads/en/details.aspx?FamilyID=671B9CF6-546C-4889-8A6D-EEAA56C76DEB

----

Administrative Templates for Windows Internet Explorer 9

“Administrative Template files are used to populate user interface settings in the Group Policy Object Editor, enabling administrators to manage registry-based policy settings. For Windows 7, Windows Server 2008 R2, Windows Vista and Windows Server 2008, installing Internet Explorer 9 will also install the Internet Explorer 9 Administrative Templates. However, for Windows Server 2003, the Administrative Template files need to be manually imported, as Internet Explorer 9 installation is not supported on that Operating System. An IT Admin may want to manage Group Policy settings on a mixed environment of Internet Explorer 9 and earlier versions from a Windows Server 2003 machine.”

Téléchargement :
http://www.microsoft.com/downloads/en/details.aspx?FamilyID=7624a447-b55a-45a9-808f-53aac7d157fb

----

Group Policy Settings Reference Windows Internet Explorer 9

“This spreadsheet lists the policy settings for computer and user configurations included in the administrative template files (admx/adml) delivered with Windows Internet Explorer 9.”

Téléchargement :
http://www.microsoft.com/downloads/en/details.aspx?FamilyID=21E84C24-B967-4D6D-850A-5EB554D18447

Tags: IEAK, Internet+Explorer+Administration+Kit, ADMX, ADML, GPO, Stratégies+de+groupes

Microsoft TechDays 2011 - la vidéo de la session Migration vers IE8-IE9 - résoudre les problèmes de compatibilités avec Internet Explorer est en ligne !

2011-03-28T12:16:00Z

Migration vers IE8/IE9 : résoudre les problèmes de compatibilités avec Internet Explorer par Vincent Bellet & Louis-Guillaume Morand

“Cette session a pour objectif de décortiquer les différentes techniques pour résoudre les problématiques de compatibilité lors d’un passage à IE8/IE9. L’occasion également de parler des méthodologies possibles et des retours d’expérience. Au cœur de ce sujet nous aborderons les problèmatiques liées à l’interface utilisateur, la gestion de processus ou encore de la sécurité…un tour d’horizon complet pour mieux appréhender ce type de situation.”

Les slides sont également téléchargeables ici : http://download.microsoft.com/documents/France/TechDays/2011/SER303.pptx

Tags: Migration+applicative, Superpreview

Microsoft TechDays 2011 - la vidéo de la session Introduction à HTML5 est en ligne !

2011-03-25T12:48:00Z

ça y est la vidéo de cette session qui a fait salle comble est enfin disponible :-)

Introduction à HTML5 par David Rousset et Stanislas Quastana

“HTML5 tout le monde en par le aujourd'hui et comme le Cloud on entend à peu près tout et n'importe quoi à son sujet. Pour certains, c'est une révolution et l'annonce de la mort de tous les plug-ins. Pour d'autres, HTML5 est un ensemble de technologies mais c'est avant tout la prochaine génération de langage de balisage. Nous verrons dans cette session tout d'abord l'histoire d'HTML5 et les acteurs de sa construction. Ensuite, nous vous présenterons les morceaux principaux et utilisables dès aujourd'hui (comme la balise video, le canvas, etc.). Nous ferons également un état des lieux de l'outillage disponible pour les développeurs Web. Important: cette session qui se fera dans la bonne humeur est destinée à tous les profils même les non-développeurs. C'est une bonne occasion pour avoir une culture générale sur le sujet”

Les slides sont également téléchargeables ici : http://download.microsoft.com/documents/France/TechDays/2011/RIA201.pptx

Tags: HTML5, HTML+5, W3C, WHATWG, Canvas, CSS3, SVG, Standard+du+Web, navigateur+moderne, Respect+des+standards, TechDays+2011, Microsoft+TechDays, Balise, Working+Group