Response title
This is preview!
Move this topic
[jQuery] Best tooltip plug-in -- opinions?
in Using jQuery
•
13 years ago
There are so many to choose from, I'd like to hear some opinions.
1. Relatively lean and fast. 200+ KB seems, to me, ridiculously large.
2. Ridiculously good-looking.
3. Compatible. Firefox, IE 6/7, Safari, etc.
Opinions?
...Rene
Replies(6)
Re: [jQuery] Best tooltip plug-in -- opinions?
13 years ago
"Ridiculously good-looking"
What's "good-looking" to one may be hideous to another, so it's all
going to depend on your tastes and CSS/Design skills to make what you
feel is best for your application
As for size, i have no idea where you are finding a 200k+ plugin to do
something as simple as a tooltip, but Jorn's tooltip is 10k plus a
little bit of CSS (http://bassistance.de/jquery-plugins/jquery-plugin-
tooltip/)
Leave a comment on MorningZ's reply
Re: [jQuery] Best tooltip plug-in -- opinions?
13 years ago
On Apr 20, 5:58 am, MorningZ <morni...@gmail.com>
Leave a comment on renefournier's reply
Re: [jQuery] Best tooltip plug-in -- opinions?
13 years ago
<html><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><div apple-content-edited="true"><span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0; "><div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; "><span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; "><div>On Apr 20, 2009, at 3:53 PM, René wrote:</div></span></span></div></span></div><div><br class="Apple-interchange-newline"><blockquote type="cite"><div>
Leave a comment on kswedberg's reply
Re: [jQuery] Best tooltip plug-in -- opinions?
13 years ago
<html><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><div apple-content-edited="true"><span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0; "><div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><br class="Apple-interchange-newline"></div></span> </div><div>On Apr 20, 2009, at 3:53 PM, René wrote:</div><div>
<blockquote type="cite"><div><blockquote type="cite">As for size, i have no idea where you are finding a 200k+ plugin to do
</blockquote><blockquote type="cite">something as simple as a tooltip, but Jorn's tooltip is 10k plus a
</blockquote><blockquote type="cite">little bit of CSS (<a href="http://bassistance.de/jquery-plugins/jquery-plugin-">http://bassistance.de/jquery-plugins/jquery-plugin-</a>
</blockquote><blockquote type="cite">tooltip/)
</blockquote>
<a href="http://plugins.jquery.com/project/bt">http://plugins.jquery.com/project/bt</a> Over 200kb, including
dependencies.
</div></blockquote></div>
<div>What exactly are you counting there? If you take jquery.bt.min.js, jquery.bt.css, and excanvas.compiled.js (so it will work in IE), you get 40kb -- a far cry from 200kb. Sure, you can also add the bgiframe, hoverIntent, and easing plugins, but they aren't required.</div><div>
</div><div><span class="Apple-style-span" style="font-size: 12px; "><div><br class="Apple-interchange-newline">--Karl</div><div><br class="Apple-interchange-newline">____________</div><div>Karl Swedberg</div><div><a href="http://www.englishrules.com">www.englishrules.com</a></div><div><a href="http://www.learningjquery.com">www.learningjquery.com</a></div><div>
</div></span></div></body></html>
<blockquote type="cite"><div><blockquote type="cite">As for size, i have no idea where you are finding a 200k+ plugin to do
</blockquote><blockquote type="cite">something as simple as a tooltip, but Jorn's tooltip is 10k plus a
</blockquote><blockquote type="cite">little bit of CSS (<a href="http://bassistance.de/jquery-plugins/jquery-plugin-">http://bassistance.de/jquery-plugins/jquery-plugin-</a>
</blockquote><blockquote type="cite">tooltip/)
</blockquote>
<a href="http://plugins.jquery.com/project/bt">http://plugins.jquery.com/project/bt</a> Over 200kb, including
dependencies.
</div></blockquote></div>
<div>What exactly are you counting there? If you take jquery.bt.min.js, jquery.bt.css, and excanvas.compiled.js (so it will work in IE), you get 40kb -- a far cry from 200kb. Sure, you can also add the bgiframe, hoverIntent, and easing plugins, but they aren't required.</div><div>
</div><div><span class="Apple-style-span" style="font-size: 12px; "><div><br class="Apple-interchange-newline">--Karl</div><div><br class="Apple-interchange-newline">____________</div><div>Karl Swedberg</div><div><a href="http://www.englishrules.com">www.englishrules.com</a></div><div><a href="http://www.learningjquery.com">www.learningjquery.com</a></div><div>
</div></span></div></body></html>
Leave a comment on kswedberg's reply
Leave a comment on jack.jquery's reply
Re: [jQuery] Best tooltip plug-in -- opinions?
13 years ago
I really like the 'Simplest Tooltip ever' by Alen Grakalic at CSS
Globe, it's a tiny script and it works well. Q-Tip is another nice
one I've used in the past as well..
Leave a comment on Nikola's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic
Reply to renefournier's discussion