Notificon is a BSD licensed javascript class for providing client-side favicon notifications. Instead of requiring a number of favicons be created and served up to the client, you can specify a label and a favicon (default being the current favicon) and it will generate a favicon notification.
Due to browser limitations, Favicons can only be changed post-render in Chrome 6+ and Firefox 2+ and Opera. Other browsers are currently unsupported. Favicons must be served from the same domain due to browser security restrictions!
- Include the notificon.js in your page
- Call Notificon(12) to overlay the number 12 on your favicon.
Notificon can take 2 parameters - Notificon(label, options) where label is the text to overlay, and options can contain: favicon: the url of a 16x16 favicon (default current favicon) color: Color of the text (default #000000) stroke: Stroke/outline colour (default rgba(255,255,255,0.85))
An empty label will clear your favicon to its original state. e.g. Notificon();
Favicon_url defaults to your primary favicon (if specified in head, or with fallback to /favicon.ico)
Notificon is published as an ender package via NPM. Build ender with 'notificon' and use in the browser using the $ syntax: $.notificon(label, options)