Update Favicon Dynamically with Javascript Plugins

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


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.
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.

Tom Pain 12 years ago
Wicked article. Exactly what I'm looking into implementing! Cheers.
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!