Tinyicon это небольшая библиотека для манипуляции с 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
Демо | Репозиторий проекта на gihub.
P.S. У меня неверно отображается счетчик в Chrome 17 и нет обновления тайтла в IE9.
Автор: Azy
