HTML : Adaptez votre site à IE 10

Le 28 novembre 2012 — par

Voici quelques astuces pour mettre votre site au goût du jour avec la dernière version d’Internet Explorer.

Responsive

Internet Explorer 10 n’utilise pas la balise viewport que vous avez l’habitude d’utiliser pour afficher votre site sur iOS, par exemple. Ce n’est pas un tort puisque cette balise n’a rien de standard. IE10 utilise la propriété viewport de CSS qui est en passe elle de devenir standard :

@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

Sites épinglés

Pour que vos utilisateurs puissent ajouter votre site sur leur écran d’accueil, il faut spécifier un PNG de 144×144 avec une couleur :

<meta name="msapplication-TileImage" content="tile.png">
<meta name="msapplication-TileColor" content="#ef0303">

Tuiles dynamiques

Vous pouvez afficher des badges sur l’icône que vos utilisateurs ont ajoutée en ajoutant le meta tag suivant :

<meta name="msapplication-badge" content="frequency=1440; polling-uri=http://mysite.com/badge.xml">

Vous indiquez évidemment la fréquence de l’interrogation de votre fichier XML distant, ici http://mysite.com/badge.xml appelé toutes les 1440 secondes. Le fichier XML est très simple, il faut lui donner une valeur value à la balise badge comme ceci :

<?xml version="1.0" encoding="utf-8" ?>
<badge value="5" />

Merci à Max Firtman.

S'abonner au flux RSS du blog
Recevoir les nouveaux articles par e-mail :