Dynamic favicon feature from this plugin only works with Chrome and Firefox. Unfortunately, Safari and IE do not allow you to change the favicon after page load.

It does not rely on any JavaScript and rather uses data-* attribute, pseudo elements, content property and CSS3 transitions to create the tooltips. Also it uses BEM naming convention particularly for the modifiers.

• Supports HTML tags inside the tooltip
• Lightweight and degradable
• Extremely flexible & fast to set up
• Easily styled with 100% CSS – no images needed
• Plays nicely with IE

Works perfectly in Chrome, Opera and Firefox, while in IE and Safari it defaults to a simple page title update.

Piecon was inspired by Tinycon – It allows the addition of alert bubbles and changing the favicon image.

Annotations can have comments, tags, users and more. Morever, the Annotator is designed for easy extensibility so its a cinch to add a new feature or behaviour.

The Annotator JS also has a simple but powerful plugin architecture. While the core annotator code does the bare minimum, it is easily extended with plugins that perform such tasks as: serialization, authentication and authorization, prettification etc…

You’ll need to store your annotations data somewhere, but if you can’t then luckily there is an easy way to do this, using AnnotateIt, a hosted web service for storing annotations.

Messi is very easy to use and requires jQuery to work, you can display text, html content, images and ajax requests.

Major Features

• Responsive: It relies on a maximum width value when viewed on large screens, adopts to narrow environments and picks the best viewable position relatively to the target (top, bottom; left, center, right)
• Mobile Friendly: It pops up when a call-to-action button is tapped and disappears when tapped on the tooltip itself
• Cross Browser Compatible: Works in all modern browsers and degrades well for older ones

This jQuery CSS3 tooltip is created with aim for having a style-independent tooltip. There are seven styles currently available in this package : Sweet Strong, Mini Slick, Big Grey, Nightly, Shiny Red, Soft Blue and Big Yellow.

The notifications can be positioned at the top, bottom, centre, top left or top right. There are lots of other options in the API to customise the text, animation, speed, buttons and much more.

It also has various callbacks for the buttons, opening closing the notifications and queue control.

Recommended: Designing User Friendly Websites and Applications with Notify!

Tinycon gracefully falls back to a number in title approach for browsers that don’t support canvas or dynamic favicons.

Alert bubble in the favicon allows users to pin a tab and easily see if their attention is needed.