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.
14 Helpful Cheat Sheets for Front-end Web Development
11 Useful Online Tools for Better CSS Development
12 Useful jQuery Plugins for Working with Tables
12 Excellent jQuery Plugins for Enhancing Forms
10 Tips for Writing Better CSS
























Mar 10, 2009
These are nice, I’ve been looking for a cool tooltop for a while now so will check these out!
Mar 10, 2009
great ! really love your website, very relevant info on webdesign ! thank you !
Mar 10, 2009
I have a tooltip solution at my site, relying only on jQuery
http://www.ilovecolors.com.ar/rollovers-tooltips-jquery/
Mar 10, 2009
Really nice toolstips…makes some work lot easier. Thanks
Mar 10, 2009
Excellent list. Thank you sooooo much for taking the time to collect emm!
Mar 10, 2009
great info, thanks
Mar 10, 2009
MooTools all the way
Mar 10, 2009
Nice Tooltips. Thanks
Mar 10, 2009
No, 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.
Mar 10, 2009
Great round up!
I just put one up for your side nav
http://www.sohtanaka.com/web-design/side-navigation-tooltip-popup-bubble/
Mar 11, 2009
pretty useful – I wasn’t aware how to use them exactly before, still now thanks for information
Mar 11, 2009
Are there any tooltips for prototype?
(Except Prototip)
Mar 12, 2009
Cool stuff
Mar 13, 2009
Man, 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.
Mar 15, 2009
Nice selection!
I like it! I wish i could see this a month ago! =/ lol
Mar 17, 2009
Antoher great one by the writer of simpleTip is qTip (jQuery):
http://craigsworks.com/projects/qtip/
Mar 20, 2009
I did a Top 10 on this for jQuery only – check it out http://www.reynoldsftw.com/2009/03/10-excellent-tooltip-plugins-with-jquery/
Apr 10, 2009
nice jQuery tutorials
Apr 10, 2009
great info thanks..
Apr 29, 2009
Thanks.
Aug 20, 2009
good share of the info. thanks
Oct 13, 2009
I was really looking for tooltips… thanks 4 sharing…:)
Oct 16, 2009
thank for sharing
Nov 28, 2009
Fantastic! – i love the jQuery Ajax Tooltip!
Nov 30, 2009
Sorry, 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!
Dec 6, 2009
Out of all the tool tips, you left out the best one:
jquery qtip
http://craigsworks.com/projects/qtip/