A JS Library for Dynamic Favicons - tinycon

A JS Library for Dynamic Favicons - tinycon
File Size: 40.8 KB
Views Total: 849
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

tinycon is a lightweight javascript library for manipulating the fav icon, in particular adding alert bubbles or changing the favicon images for your webpage that allow users to pin a tab and easily see if their attention is needed.

Basic Usage:

1. Include the tinycon.js on the webpage.

<script src="../tinycon.js"></script>

2. Call the plugin to add a dynamic bubble to the favicon.

(function(){
  var count = 0;
  setInterval(function(){
  ++count;
  Tinycon.setBubble(count);

  }, 1000);
})();

3. Customize the bubble:

Tinycon.setOptions({
  width: 7,
  height: 9,
  font: 10 * r + 'px arial',
  color: '#ffffff',
  background: '#F03D25',
  fallback: true,
  crossOrigin: true,
  abbreviate: true
});

This awesome jQuery plugin is developed by tommoor. For more Advanced Usages, please check the demo page or visit the official website.