Dark Themes
Light Themes
Tinycon
Get Tinycon Doc

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 browsers that don't support canvas or dynamic favicons.

Documentation

Tinycon adds a single object to the global namespace and does not require initialisation. Tinycon is not available in IE.

Installation

There are several versions of Tinycon published on NPM, unfortunately they are not controlled by Tinycon and do not track HEAD. The best idea is to install from github directly and cut out the middleman!

npm install tommoor/tinycon --save

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)
  • color : the foreground font color
  • background : the alert bubble background color
  • 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 : the alert bubble background color
										
										
									
Tinycon Live Demo
Tinycon AMD support

Tinycon can also be used as an asynchronous module.

											
											
										
Blink Title
Get Blink Title Doc

Is a Pure Javascript Implementation of TitleBar Alert or Notification.It Can Perform Blinking of HTML Titlebar for Titlebar Alert or Titlebar Notification http://flouthoc.github.io/blinkTitle.js/

Usage

Getting Started

<script type="text/javascript" src="https://raw.githubusercontent.com/flouthoc/blinkTitle.js/master/index.js"></script>

Regular Blink

blinkTitle('message1','message2',delayTime,false);

Regular Blink with Timeout (milliseconds) (stops after 'timeout')

blinkTitle('message1','message2',delayTime,false,timeout);

If You Want Notify When User is On Other Tab

blinkTitle('message1','message2',delayTime,true);

If You Want Notify When User is On Other Tab with Timeout (milliseconds) (stops after 'timeout')

blinkTitle('message1','message2',delayTime,true);

Stop

blinkTitleStop();
Blink Title Live Demo

Settings

Customize Theme layout, sidebars, and color schemes. This is for demonstration purpose. All options are available via code.

Fixed Position
Sidebar
Header
Footer
Layout
Amazing sidebars for your smart admin, Get second version of sidebar here.
Color schemes
Dark Themes
Light Themes