Epingle-moi!

Windows 7 a apporté de nombreuses nouveautés dont la plus utilisée est sûrement la nouvelle barre des tâches. Parmi les fonctionnalités de cette dernière se trouvent les “jump list”, ces actions contextuels qui peuvent être rajoutées sur un raccourci, comme des favoris pour Internet Explorer, des documents dans un dossier et tellement d’autres choses.

Grâce à cela il est notamment possible d’épingler un site Web pour l’avoir directement en raccourci, ou mieux, avoir une icône de raccourci mais plusieurs liens “cachés” derrière. Je me suis alors posé la question du fonctionnement de ces listes (il était temps!). Il se révèle que c’est extrêmement trivial.

Pour se faire, il suffit de modifier le code source de votre site Web pour ajouter quelques meta et/ou même via JavaScript. Il suffit donc d’ajouter un tag application-name pour le titre de votre site Web, un tag msapplication-starturl pour indiquer la racine de votre site Web et plusieurs tags msapplication-task pour chacun des raccourcis que vous voulez rajouter.

     <meta name="msapplication-task" content="name=Articles;action-uri=/Articles/;icon-uri=/Content/images/favicon.ico" />
    <meta name="msapplication-task" content="name=Blog;action-uri=/Blog/;icon-uri=/Content/images/favicon.ico" />
    <meta name="msapplication-task" content="name=Contact;action-uri=/About/Contact;icon-uri=/Content/images/favicon.ico" />
    <meta name="msapplication-task" content="name=LGM sur Twitter;action-uri=https://twitter.com/lgmorand;icon-uri=/Content/images/twitter2.ico" />
    <meta name="msapplication-task" content="name=LGM sur Facebook;action-uri=https://facebook.com/lgmorand;icon-uri=/Content/images/facebook.ico" />
    <meta name="msapplication-starturl" content="./" />
    <meta name="application-name" content="Site personnel de Louis-Guillaume Morand" />

Ne reste plus au visiteur qu’à glisser votre favicon ou bien l’onglet dans lequel votre site est ouvert, sur sa barre des tâches. Et voilà le résultat :

Mais ce n’est pas tout et à ma grande surprise il est possible de faire bien des choses avec ces jump list et Internet Explorer (car cela ne marche qu’avec ce navigateur):

• Créer le raccourci en glissant-déposant une image depuis votre site Web
• Comment rendre la liste des actions dynamiques
• Comment modifier l’icône du raccourci de façon contextuelle?

Bref, de quoi vous amusez et proposer une expérience utilisateur enrichie aux visiteurs de votre site Web.