image

Lorsqu’on utilise Internet Explorer 10 sous Windows 8 (et plus particulièrement sous Windows RT), il nous arrive d’épingler un site web sur l’écran de démarrage de Windows 8.

Pour ce faire, il suffit d’utiliser l’icone “Site tasks” dans l’app bar du bas.

image

Au final, nous aurons le rendu suivant sur notre écran de démarrage… Rien d’extraordinaire !

image

Cependant Microsoft donne la possibilité aux développeurs de site web de personnaliser le rendu de la tuile en proposant trois balises méta à ajouter dans header html. Vous allez pouvoir agir sur :

  • le nom de la tuile
  • le couleur de fond d’écran de la tuile
  • l’image de la tuile (elle devra faire 144px sur 144px)

Pour cela, vous utiliserez le code suivant :

<meta name="application-name" content="My Microsoft Dev' World"/> 
<meta name="msapplication-TileColor" content="#000000"/> 
<meta name="msapplication-TileImage" content="http://www.jeromelambert.net/wp-content/uploads/2012/11/website-tile.png"/>

Cela donnera comme résultat :

image

Pour la rédaction de ce billet, je me suis amusé à épingler un ensemble de sites web et il était agréable de constater que la plupart prennent en compte ces balises (évidemment pour les sites web plus “modestes”, c’est rarement le cas).

image

Microsoft a d’ailleurs mis en place un site web vous permettant de générer les balises en quelques étapes :

http://www.buildmypinnedsite.com/windows8