Tinyicon - counter in favicon on js

Tinyicon is a small library for manipulating the favicon site to transmit information about new events. For browsers that do not support canvas, the counter is displayed in the title of the page.

Using

Using it is easy. We connect or write

Tinycon.setBubble(6);

The library also supports options such as color selection, font and counter positioning:

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

I would like to draw your attention to the fallback parameter, which is responsible for displaying the counter in the page title for unsupported browsers.

Supported Browsers

Tinycon has been tested and works in the following browsers:

• Chrome 15+
• Firefox 9+
• Opera 11+

In the following browsers, the counter can only be displayed in title:

• Internet Explorer 9
• Safari 5

Demo | Project repository on gihub.

PS My counter is displayed incorrectly in Chrome 17 and there is no title update in IE9.