Tinycon - Gérer dynamiquement des alertes dans les favicons

Tinycon est un script JS permettant de manipuler la favicon de son site dynamiquement afin d'alerter l'utilisateur sur de nouveaux messages, actions...

Idéal pour attirer l'attention d'un utilisateur ayant déjà une vingtaine d'onglets ouverts.

Tinycon permet de gérer la favicon et une bulle de notification pour prévenir l'utilisateur sur le fait qu'il y'ai de nouveaux messages, de nouvellesactions disponibles...

La bulle est ajoutée à votre favicon classique via du Canvas et peut être personnalisée via les options suivantes:

• width: Largeur de la bulle d'alerte
• height: Hauteur de la bulle d'alerte
• font: La police type CSS de la bulle
• colour: La couleur de la police
• background: tLa couleur de fond de la bulle
• fallback: True ou false si vous souhaitez le fallback en cas de non compatibilité navigateur.

Et voilà comment configurer les options du script:

Tinycon.setOptions({
    width: 7,
    height: 9,
    font: '10px arial',
    colour: '#ffffff',
    background: '#549A2F',
    fallback: true
});

Qui dit Canvas, dit non compatibilité pour certaines versions de navigateurs (IE pour ne pas le citer).

Le script est bien fait et propose une version fallback:

Tout aussi efficace, elle change directement le title de la page en ajoutant le nombre d'alertes entre parenthèses.

Il ne vous reste plus qu'à appeler le script pour changer le nombre d'alertes quand bon vous semblera:

Tinycon.setBubble(3);

Sympa comme script non ?

Site Officiel