Piecon : des favicon sous forme de camemberts animés
Pour exprimer le pourcentage de chargement de la page

Le , par FirePrawn, Expert éminent sénior
Affichez des camemberts animés en favicon
Avec pourcentage de chargement


Piecon est une bibliothèque JavaScript qui va vous permettre de modifier le favicon de chargement des pages par défaut.
Pour ce faire vous pouvez afficher un camembert animé à l'emplacement du favicon qui sera automatiquement remplacé par votre favicon une fois le chargement de la page terminé.

Cette bibliothèque fait environ 2 ko en version minifiée et fonctionne sous Chrome 15+, Firefox 9+ et Opera 11+.
IE9 et Safari 5+ ne sont pas supportés et c'est le fallback qui prend le relai en affichant le contenu de la balise title.

L'utilisation de Piecon est très simple :

Code : Sélectionner tout
1
2
3
4
Piecon.setProgress(12);
Piecon.setProgress(25);
...
Piecon.reset();
Vous pouvez également configurer quelques options :

Code : Sélectionner tout
1
2
3
4
5
6
Piecon.setOptions({
  color: '#ff0084', // Pie chart color
  background: '#bbb', // Empty pie chart color
  shadow: '#fff', // Outer ring color
  fallback: false // Toggles displaying percentage in the title bar (possible values - true, false, 'force')
});
Télécharger Piecon.

Source : Piecon

Et vous ?

Que pensez-vous de l'utilisation d'un camembert animé pour afficher le chargement du favicon ?
Utilisez-vous des favicon personnalisés pour vos sites Web ?


Vous avez aimé cette actualité ? Alors partagez-la avec vos amis en cliquant sur les boutons ci-dessous :
Contacter le responsable de la rubrique JavaScript