Skip to content
forked from tommoor/tinycon

A small library for manipulating the favicon, in particular adding alert bubbles and changing images.

Notifications You must be signed in to change notification settings

wayferer/tinycon

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

54 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Differences in this version of Tinycon

New options

  • Top/Left position: allows you to have control over where the bubble appears
Tinycon.setOptions({
	topPosition: 0,
	leftPosition: 0
});

This version also has following tweaks:

  • Made the bottom shadow stroke to be same as background color to help with visual centering
  • Removed left and right extra strokes, not sure of the need for it?
  • Changed how the label is positioned
  • Added abbreviation for 100
  • Recompiled minified version using http://closure-compiler.appspot.com/home

Tinycon

A small library for manipulating the favicon, in particular adding alert bubbles and changing images. Tinycon gracefully falls back to a number in title approach for browers that don't support canvas or dynamic favicons.

See the Live Demo here.

Documentation

Tinycon adds a single object to the global namespace and does not require initialisation.

Basic Usage

Tinycon.setBubble(6);

Options

Tinycon can take a range of options to customise the look

  • width: the width of the alert bubble
  • height: the height of the alert bubble
  • font: a css string to use for the fontface (recommended to leave this)
  • colour: the foreground font colour
  • background: the alert bubble background colour
  • fallback: should we fallback to a number in brackets for browsers that don't support canvas/dynamic favicons? Boolean, or use the string 'force' to ensure a title update even in supported browsers.
  • abbreviate: should tinycon shrink large numbers such as 1000 to an abbreviated version (1k). Boolean, defaults to true
Tinycon.setOptions({
	width: 7,
	height: 9,
	font: '10px arial',
	colour: '#ffffff',
	background: '#549A2F',
	fallback: true
});

Browser Support

Tinycon has been tested to work completely in the following browsers. Older versions may be supported, but haven't been tested:

  • Chrome 15+
  • Firefox 9+
  • Opera 11+

Currently the library degrades to title update:

  • Internet Explorer 9
  • Safari 5

License / Credits

Tinycon is released under the MIT license. It is simple and easy to understand and places almost no restrictions on what you can do with Tinycon. More Information

Tinycon was inspired by Notificon

Download

Releases are available for download from GitHub.

About

A small library for manipulating the favicon, in particular adding alert bubbles and changing images.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%