Internet Explorer 9 - Pinned Site API

2 246 vues

Publié le

Présentation de l'API "Pinned Site" d'Internet Explorer 9 réalisée dans le cadre la Kiwi Party à Epitech Strasbourg.

Publié dans : Technologie
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
2 246
Sur SlideShare
0
Issues des intégrations
0
Intégrations
5
Actions
Partages
0
Téléchargements
21
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Internet Explorer 9 - Pinned Site API

  1. 1. {
  2. 2. « Internet Explorer 9 est unbon navigateur web modernequi offre une netteamélioration par rapport aumoyen et vieillissant IE8. »« Nouveau moteur JavaScript, prise en charge du HTML5, desfeuilles de styles CSS3, de laccélération matérielle dansDirectX… les performances du navigateur sont au rendez-vous ! »« Que penser de cette bêta d’Internet Explorer 9 au final ? Que c’est untrès bon cru, et que Microsoft doit certainement être fière du résultat. Lafirme a clairement travaillé sur cette version, en donnant un très grandnombre d’éléments qui sont des demandes de longue date, tout en plaçantde nouvelles fonctionnalités qui ont un bon potentiel, comme l’épinglagedes sites dans la barre des tâches de Windows 7. Pour autant, tout n’estpas rose non plus. »« Internet Explorer 9, nouvelle version qui mérite letéléchargement ? Oui et non. Le nouveau navigateur deMicrosoft est définitivement une amélioration de laversion précédente, mais ce nest pas la révolution queveut nous faire croire Microsoft. La plupart desutilisateurs seront très contents mais ce ne seradéfinitivement pas le premier choix des internautes plusavancés. »
  3. 3. « IE 9 est rapide, léger et s’intègreparfaitement à l’environnement Windows 7. »
  4. 4. Faciliter la navigationAméliorer la prise de contrôleDynamiser les notifications
  5. 5. <meta name="application-name" content=« Kiwi Party /><meta name="msapplication-tooltip" content=« Kiwi Party Pinned Site" /><meta name="msapplication-window" content="width=442;height=542" /><meta name="msapplication-navbutton-color" content="#424242" /><meta name="msapplication-starturl" content="http://www.kiwiparty.fr/" />
  6. 6. • « Jump List » statique :la méta-balise<meta name="msapplication-task"content="name=New Tweet;action-uri=http://twitter.com/home; icon-uri=images/ie/tweet.ico" />
  7. 7. • « Jump List » dynamique :les méthodeswindow.external.msSiteModeCreateJumpList(“My Account”);window.external.msSiteModeAddJumpListItem(“Settings",“user/settings",“images/ie/settings.ico");(…)window.external.msSiteModeShowJumplist(“My Account”);
  8. 8. • « Thumbnail Toolbar Buttons » :les méthodes ,et l’ évènementbuttonPrev = window.external.msSiteModeAddThumbBarButton(“http://channel9.msdn.com/images/buttonPrev.ico “,“id1“);document.addEventListener(msthumbnailclick, handler, false);function handler(button) {if (button.buttonID == “ id1 “)goPrevious(); // votre callback}
  9. 9. • Superposition d’icônes dans la barre des taches :la méthodewindow.external.msSiteModeSetIconOverlay(“images/ie/fbNotification.ico “,“Vous avez des notifications“);• Icône clignotante :la méthode
  10. 10. • Utiliser une icone et des couleurs personnalisées• Invitez vos visiteurs à épingler votre site• Détection d’une offre de premiere execution• Désactivation et masquage de boutons dans une “Thumbnail Toolbar”• Basculement d’état d’un bouton• Pratiques et bons usages• …
  11. 11. {

×