Tinyicon – javascript counter în favicon

Nota editorului: Articolul a fost scris de Prisacaru Anatolie.

Tinyicon e o bibliotecă pentru manipularea favicon-ului folosind javascript și canvas pentru transmiterea informației despre evenimente noi. Pentru browser-ele care nu suportă canvas, counterul se afișează în titlul paginii.

Utilizare

Integrarea pe propriul site e simplă. Conectăm biblioteca și scriem:

Tinycon.setBubble(6);

Tinyicon are suport pentru opțiuni ca alegerea font-ului, culorii, poziționarea counter-ului:

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

Browserele suportate

Biblioteca a fost testată și lucrează pe următoarele browsere:

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

În următoarele browsere counter-ul poate fi afișat doar în titlu:

• Internet Explorer 9
• Safari 5

P.S. O alternativă care promite să lucreze pe Chrome 6+, Firefox 2+ și Opera (fără IE) este notification.js + demo. Presupun a fi o combinație bună culorile primei și funcționalitatea cele-i de-a doua.

demo | gihub repository | sursa articolului