Update Favicon Dynamically with Javascript Plugins

Written by Kevin Liew on 05 Sep 2012
19,508 Views • Techniques

Introduction

If you have been using Gmail, you might notice that you actually can turn on a feature called "Unread message icon" in Google Lab. This feature will update the favicon with total unread email at bottom right corner. In this post, I have found 3 plugins that will help you to update favicon dynamically easily. Also, a favicon plugin that retrieve icon for anchor links.

  • TinyconTinyconTinycon allows the addition of alert bubbles and changing the favicon image. Tinycon gracefully falls back to a number in title approach for browsers that don't support canvas or dynamic favicons.
  • PieconPieconPie charts in your favicon! A tiny javascript library for dynamically generating progress pie charts in your favicons.
  • jQuery Favicon NotifierjQuery Favicon NotifierA super simple plugin that renders a notification number to the favicon.
  • jQuery FaviconjQuery faviconAdd favicons to anchor elements on your page.
By Kevin Liew

Kevin Liew is a web designer and developer and keen on contributing to the web development industry. He loves frontend development and absolutely amazed by jQuery. Feel free to say hi to me, or follow @quenesswebblog on twitter.

Related Articles
10 Dirty Internet Explorer CSS Hacks You Might Not know
8 Ways to Increase the Readibility and Beautify your HTML Code
Join the discussion

Comments will be moderated and rel="nofollow" will be added to all links. You can wrap your coding with [code][/code] to make use of built-in syntax highlighter.

2 comments
Tom Pain 12 years ago
Wicked article. Exactly what I'm looking into implementing! Cheers.
Reply
kirsty beech 11 years ago
Feeling incredibly inspired, thanks! :) I have a few questions, if I may... 1) With some flyers I've seen they are uncommon shapes and/or ave cutouts - is this a manual process or can printers cleverly automate this? Is it better to do it myself or get them done professionally? 2) Do you recommend hand delivery yourself, companies like <a href="http://www.flash-leaflet-delivery.co.uk/birmingham">leaflet delivery birmingham</a> or something else? 3) What, in your experience, is the best way to record successful leaflet marketing campaigns? Thanks again!
Reply