11 Excellent Solutions for Creating Tooltips
Tooltips in web design are becoming more and more commonplace. Even though I don’t think they are appropriate for every type of site, they can be a very useful addition when implemented correctly. If you are planning on using tooltips in your next project, the hardest part may be choosing the right solution.
Here are 11 excellent methos for creating tooltips using various solutions such as jQuery, MooTools, and CSS only.
Prototip 2
Easiest Tooltip and Image Preview Using jQuery
Simpletip
Coda Popup Bubbles
MooTools 1.2 Tooltips: Customize Your Tips
Duplicate the jQuery Homepage Tooltips Using MooTools
jQuery Ajax Tooltip
CSS Bubble Tooltips
Easy CSS Tooltip
CoolTips
ToolTip_MooTools
Related Posts
Here's some other articles that you will definitely find useful.
7 Fresh and Useful jQuery Plugins
10 jQuery Plugins that Will Make your Life Easier
8 jQuery Plugins for Enhancing Typography
20 Fresh CSS3 Tutorials
9 jQuery Mistakes you Shouldn’t Commit
31 comments
Lee Milthorpe
March 10, 2009These are nice, I’ve been looking for a cool tooltop for a while now so will check these out!
Bogdan
March 10, 2009great ! really love your website, very relevant info on webdesign ! thank you !
Elliot
March 10, 2009I have a tooltip solution at my site, relying only on jQuery
http://www.ilovecolors.com.ar/rollovers-tooltips-jquery/
Desiztech
March 10, 2009Really nice toolstips…makes some work lot easier. Thanks
HatLord
March 10, 2009Excellent list. Thank you sooooo much for taking the time to collect emm!
MohiganSun
March 10, 2009great info, thanks
Timothy
March 10, 2009MooTools all the way
christian
March 10, 2009Nice Tooltips. Thanks
Team Nirvana
March 10, 2009No, no, this is no way to simplify the task of creating tool-tips.
Come on, these tiny things have always been like a crack head for me and coming to this post, I find them to be so easy and after trying a few times, I have them at the back of my hand now.
Thanks a lot for sharing these.
Soh
March 10, 2009Great round up!
I just put one up for your side nav
http://www.sohtanaka.com/web-design/side-navigation-tooltip-popup-bubble/
Dainis Graveris
March 11, 2009pretty useful – I wasn’t aware how to use them exactly before, still now thanks for information
phx
March 11, 2009Are there any tooltips for prototype?
(Except Prototip)
Feedweaver Your RSS reader
March 12, 2009Cool stuff
Matthew
March 13, 2009Man, I could have used this just last weekend. Thanks for these great tips, there’s a couple here I didn’t come across in my searches.
Marukirikilla
March 15, 2009Nice selection!
I like it! I wish i could see this a month ago! =/ lol
naspinski
March 17, 2009Antoher great one by the writer of simpleTip is qTip (jQuery):
http://craigsworks.com/projects/qtip/
Steve Reynolds
March 20, 2009I did a Top 10 on this for jQuery only – check it out http://www.reynoldsftw.com/2009/03/10-excellent-tooltip-plugins-with-jquery/
newsmagazine
April 10, 2009nice jQuery tutorials
Duvar Kağıdı
April 10, 2009great info thanks..
Ankara Web Tasarım
April 29, 2009Thanks.
Joabng
August 20, 2009good share of the info. thanks
Pradeep CD
October 13, 2009I was really looking for tooltips… thanks 4 sharing…:)
alyans
October 16, 2009thank for sharing
Mr. Homepage
November 28, 2009Fantastic! – i love the jQuery Ajax Tooltip!
Mr. Homepage
November 30, 2009Sorry, wrong URL. Thank you one more time for this post, i really did not mind tooltips. But this is a cool way to fresh up your webdesign!
Matthew
December 6, 2009Out of all the tool tips, you left out the best one:
jquery qtip
http://craigsworks.com/projects/qtip/
shoaib hussain
February 11, 2010this is just awesome and is easy to use….
Jeffry
February 25, 2010another suggestion is:
http://www.likno.com/jquery-tooltips/index.php
J.
Daniel
May 26, 2010Very nice collection, thank you for your work!
sekspartner
June 3, 2010great ! really love your website, very relevant info on webdesign ! thank you !
MBM
August 12, 2010I used wz_tooltip in the past. But its discontinued, so here i found an alternative. Thank you.