April 22, 2012

Tinycon

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

    Tinycon.setOptions({
        width: 7,
        height: 9,
        font: '10px arial',
        colour: '#ffffff',
        background: '#549A2F',
        fallback: true
    });
    

Download

Releases are available for download from GitHub.