Notificaciones en el favicon

Email this to someoneShare on FacebookShare on Google+Share on LinkedInTweet about this on Twitter

Las notificaciones en los favicon de las webs pueden resultar de gran ayuda para los usuarios, un ejemplo claro de esto lo tenemos en gmail, que mediante una configuración específica dentro de sus opciones (pestaña labs) permite visualizar en su favicon el número de mensajes nuevos recibidos.

favicon

jQuery Favicon Notifier es un plugin para jQuery que nos permite añadir notificaciones al favicon de una forma muy sencilla:

Los siguientes son algunos ejemplos de lo que nos permite hacer jQuery Favicon Notifier con los faviconos:

Número aleatorio: $.faviconNotify(‘/favicon.ico’, Math.ceil(Math.random()*100));
More than 99: $.faviconNotify(‘/favicon.ico’, 100);
Cero: $.faviconNotify(‘/favicon.ico’, 0);
Favicon por defecto: $.faviconNotify(‘/favicon.ico’);
Superior derecha: $.faviconNotify(‘/favicon.ico’, 12, ‘tr’);
Superior izquierda: $.faviconNotify(‘/favicon.ico’, 56, ‘tl’);
Inferior izquierda: $.faviconNotify(‘/favicon.ico’, 45, ‘bl’);
Inferior derecha: $.faviconNotify(‘/favicon.ico’, 34, ‘br’);
Color personalizado (invertido): $.faviconNotify(‘/favicon.ico’, 34, ‘br’, ‘#FFFFFF’, ‘#000000’);
Color personalizado: $.faviconNotify(‘/favicon.ico’, 67, ‘br’, ‘#123456’, ‘#ABCDEF’);
Logo diferente + Número superior derecha: $.faviconNotify(‘flask.png’, 4, ‘tr’, ‘#FFFFFF’, ‘#000000’);

Estos son los cinco parametros para cambiar los faviconos:

  1. Ruta de la imagen del icono
  2. Número
  3. Posición del número (tr, tl, bl, br)
  4. Color del borde
  5. Color interno del numero

Con esto ya puedes añadir una nueva funcionalidad a tus páginas que seguro tus usuarios sabrán apreciar.

web: jQuery-Favicon-Notifier

Sé la primera persona en comentar

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

De conformidad con lo establecido en la LOPD, Adpv Advertising Provider S.L. garantiza la adopción de las medidas necesarias para asegurar el tratamiento confidencial de los datos de carácter personal. Así mismo le informamos de la inclusión de sus datos en un fichero con la finalidad de mantener su relación negocial o contractual con Adpv Advertising Provider S.L. y de la posibilidad de ejercer los derechos de acceso, rectificación, cancelación y oposición en la siguiente dirección: Ercilla, 26, 1Dcha., 48011, Bilbao, Bizkaia. Privacidad.