Tinyicon — счетчик в favicon на js

Tinyicon ^[1] это небольшая библиотека для манипуляции с favicon сайта для передачи информации о новых событиях. Для браузеров не поддерживающих canvas счетчик отображается в title страницы.

Использование

Использовать ее просто. Подключаем либу и пишем

Tinycon.setBubble(6);

Библиотека так же поддерживает опции такие как выбор цвета, шрифта и позиционирование счетчика:

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

Хочется обратить ваше внимание на параметр fallback, который отвечает за отображение счетчика в title страницы для неподдерживаемых браузеров.

Поддерживаемые браузеры

Tinycon был протестирован и работает в следующих браузерах:

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

В следующих браузерах счетчик может отображаться только в title:

• Internet Explorer 9
• Safari 5

Демо ^[2] | Репозиторий проекта ^[1] на gihub.

P.S. У меня неверно ^[3] отображается счетчик в Chrome 17 и нет обновления тайтла в IE9.

Автор: Azy