Pull to refresh

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

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

image


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


Использовать ее просто. Подключаем либу и пишем
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.
Tags:
Hubs:
+107
Comments 30
Comments Comments 30

Articles