Auteur : Jérôme Lambert

Les images sont à récupérer sur le blog de Jérôme Lambert.
Le lien auteur doit pointer vers son blog.

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
Astuce Dev Windows 8 – Comment personnaliser le raccourci vers votre site web sur l’écran d’accueil ?

<paragraph>
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.
</paragraph>
<paragraph>
Pour ce faire, il suffit d’utiliser l’icone "Site tasks" dans l’app bar du bas.

image
</paragraph>
<paragraph>
Au final, nous aurons le rendu suivant sur notre écran de démarrage... Rien d’extraordinaire !

image
</paragraph>
<paragraph>
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)
</paragraph>
<paragraph>
Pour cela, vous utiliserez le code suivant :
<code>
<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"/>
</code>
</paragraph>
 
 
<paragraph>
Cela donnera comme résultat :
</paragraph>
<paragraph>
image
</paragraph>
<paragraph>
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).
</paragraph>
<paragraph>
image
</paragraph>

<paragraph>
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
</paragraph>