Windows 8 icons set: Get more than 15000 icons FREE!

You accept to be included in our newsletter (We only send amazing freebies like this, no ads or crap, promise! )

Tweet about us and say thanks in comments ;)

Amazing freebies every week in your e-mail, don't miss the next ones with our newsletter, Sign up now.

Tweet about us and say thanks in comments ;)

Awesome tooltips with JavaScript and HTML5

Comments and suggestions in here

Tooltips are GUI elements that are displayed on a website after a mouse event, usually a hover or click action. These objects are used to provide additional information regarding different subjects and give the user more insights regarding different topics. Today we like to share with you a nice tool that’s going to help you make lovely tooltips while using your favorite JavaScript framework.

Tipped takes advantage of the powerful HTML5 to give you complete control over the look and feel of the tooltips you create. The tool offers support by default to jQuery and Prototype, though you can implement different adapters to incorporate other frameworks.

The entire skin of tooltips, including shadows and the load icon is created with Canvas, which lets you change your tooltips’ style rapidly and without having to make additional images.

tipped01

Tipped also grants you take full control over the tooltips’ positioning. You can even let Tipped to figure out the best possible position for your tooltip automatically. You can create even more advanced tooltips by pulling in HTML through Ajax or from elements on the page. Pretty much anything becomes possible when mixing this with callbacks.

Callbacks are available for easy integration with your own code. Supported events are created to work on mobile devices such as the iPad and iPhone, saving you time creating mobile specific code.

tipped02

Tipped is licensed under the terms of the Tipped License. Permission to use Tipped on your domain(s) can be obtained by paying a license fee. If you want support on how to improve Tipped, you can join their Google Group where people exchange information on how to make a better use of this tool.

Check Tipped


5 Responses to “Awesome tooltips with JavaScript and HTML5”

  1. Web Design Egypt
    July 13th

    thanks for the nice post!
    also see http://www.entercaps.com Web Design Egypt

  2. cynthia nelson
    December 20th

    Most of the site design on CSS3 with java scripts. Thanks

  3. http://bit.ly/onzvlF Tuto de JS com janelas Ilustrativas, Vale conferir #News_MichelHandsON

Leave a Reply

Comments

*