Tinyicon это небольшая библиотека для манипуляции с favicon сайта для передачи информации о новых событиях. Для браузеров не поддерживающих canvas счетчик отображается в title страницы.
![image](https://habrastorage.org/r/w1560/getpro/habr/post_images/3a0/29a/6c0/3a029a6c098b6119b9fb1278e570c4d7.png)
Использовать ее просто. Подключаем либу и пишем
Библиотека так же поддерживает опции такие как выбор цвета, шрифта и позиционирование счетчика:
Хочется обратить ваше внимание на параметр fallback, который отвечает за отображение счетчика в title страницы для неподдерживаемых браузеров.
Tinycon был протестирован и работает в следующих браузерах:
Демо | Репозиторий проекта на gihub.
P.S. У меня неверно отображается счетчик в Chrome 17 и нет обновления тайтла в IE9.
![image](https://habrastorage.org/getpro/habr/post_images/3a0/29a/6c0/3a029a6c098b6119b9fb1278e570c4d7.png)
Использование
Использовать ее просто. Подключаем либу и пишем
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+
- Internet Explorer 9
- Safari 5
Демо | Репозиторий проекта на gihub.
P.S. У меня неверно отображается счетчик в Chrome 17 и нет обновления тайтла в IE9.