Tinycon: Notificaciones en los favicons de tus sitios webs

Tinycon es una librería javascript que sirve para manipular el favicon que muestran los navegadores en las pestañas de nuestras páginas webs.

Su uso es muy sencillo. Simplemente agrega una burbuja con un número sobre nuestro favicon, que puede actualizarse en cualquier momento. En efecto, en el website de la librería se puede ver un demo.

Para utilizarlo no hace falta inicializarlo:

Tinycon.setBubble(6);

Se puede también usar parámetros opcionales para definir colores, fuentes y tamaños:

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

La opción de fallback es importante pues como esta librería solo funciona en Chrome y Firefox, en otros navegadores reemplazará el favicon por el número correspondiente.