Sites épinglés dans Windows 8

Dev - le 17 Décembre 2014 par Mathieu WEBER

link http://blogs.msdn.com/b/ie_fr/archive/2012/06/08/high-quality-visuals-for-pinned-sites-in-windows-8.aspx

Code

Les balises Meta indiquent l'image et la couleur d'arrière-plan de la vignette. Exemple :

<meta name="msapplication-TileImage" content="images/benthepcguy-144.png"/>
<meta name="msapplication-TileColor" content="#d83434"/>

Les images des vignettes doivent être des images PNG carrées de 144 pixels sur 144 pixels. Pour de meilleurs résultats, nous recommandons l'utilisation d'un arrière-plan transparent, et non d'un arrière-plan correspondant à la couleur de la vignette. La couleur de la vignette peut être spécifiée en couleur RVB hex avec la notation #rrggbb de CSS, via des noms de couleurs CSS ou à l'aide de la fonction rgb() CSS.

Regardez ce comportement en action dans notre démonstration Fresh Tweets mise à jour.

Remarque : IE10 ne télécharge l'image de la vignette que lorsque l'utilisateur épingle le site sur son écran d'accueil, afin d'éviter des coûts supplémentaires liés à la bande passante.