Dynamic & Informative Favicons With JavaScript: Tinycon

Favicons are great for helping readers to easily identify a website from a set of open browser tabs.

Tinycon is a JavaScript library that helps us offer more information using favicons by adding alert bubbles over the default image and updating it.


It uses HTML5 canvas to accomplish that and, for the browsers that don't support canvas or dynamic favicons, the feature falls back gracefully.

Tinycon is very useful for web pages with auto-refreshing data to display the latest value (un-read e-mails, new orders, support tickets, etc.) to the user without the need for that browser page being open.