A JS Library for Dynamic Favicons - tinycon
File Size: | 40.8 KB |
---|---|
Views Total: | 1031 |
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.