Pequeña biblioteca JavaScript para manipular el favicon

por .

Tinycon es una pequeña biblioteca desarrollada íntegramente en JavaScript para la manipulación dinámica del favicon. Este elemento de forma casi histórica es utilizado de forma estática, ahora y con la aparición de las aplicaciones en tiempo real podemos utilizarlo para mostrar alertas.

Tinycon nos permite, de forma muy simple, modificar el favicon de forma dinámica, utilizando para ello una pequeña burbuja, muy similar a la que utiliza Facebook para mostrar las distintas alertas. Las alertas se ven de la siguiente manera:

modificar dinamicamente el favicon

La biblioteca fue correctamente testeada en los navegadores: Chrome 15+, Firefox 9+ y Opera 11+. En navegadores más antiguos la biblioteca se limita simplemente a modificar el atributo title mostrando el numero de alertas.

Configurar Tinycon

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

Por ultimo vamos a tener que decirle al script que numero mostrar en la alerta, para lograrlo simplemente escribimos, por ejemplo:

Tinycon.setBubble(6);

En el apartado oficial alojado en GitHub pueden encontrar una demostración online.

Web: Tinycon

Categorizado en: