Pull to refresh

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

Website development
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:javascriptjavascript librarycanvasfavicon
Hubs: Website development
Total votes 119: ↑113 and ↓6 +107
Views3.7K

Comments 30

Only those users with full accounts are able to leave comments. Log in, please.

Popular right now

Node.js: серверный JavaScript
April 26, 202127,000 ₽Loftschool
Интенсив «Full stack разработчик. JavaScript»
April 26, 2021245,000 ₽Elbrus Coding Bootcamp
Интенсив «Full stack разработчик. JavaScript»
April 26, 2021190,000 ₽Elbrus Coding Bootcamp
Специалист JavaScript
May 24, 202122,690 ₽Специалист.ру