Une belle épingle pour son site sous Windows 8

Windows 8 change la façon de gérer ses favoris et met en avant "l'épinglage" des sites. Quand vous êtes sur un site quelconque et que vous le trouvez sympatique, avec IE 10, la meilleure (et unique sous WinRT) façon de faire est d'épigner le site.

Malheureusement, à l'heure actuelle, on se retrouve avec des icônes, pardon, des tuiles, qui se ressemblent toutes, avec généralement un gros "e" sur forme de couleur uni. Beuark !

Sous Android ou Windows Phone 7, on peut avoir des captures d'écran du site, sous Windows 8 RT, on n'a qu'un "e" : c'est au développeur du site de faire le boulot.

Et c'est en réalité très simple puisqu'il n'y a que 3 balises META à ajouter à votre header :

<meta name="application-name" content="c2i.fr - Le 1er site .NET"/>
<meta name="msapplication-TileColor" content="#0072BC"/>
<meta name="msapplication-TileImage" content="http://www.c2i.fr/Media/Default/mesImages/c2iLogoIE10.png"/>

Le application-name est le nom qui sera affiché sur la vignette, msapplication-TileColor la couleur de fond et TileImage l’image utilisée. Cette dernière doit faire 144px * 144px et, comme vient de me signaler Fabrice Romelard, être forcement au format png.

Et vous ne deviendrez pas ainsi un énième raccourci sur l’écran d’accueil de Windows 8

Pour les grosses fainéasses, il y a même un site qui vous génère le code : http://www.buildmypinnedsite.com/windows8