27 Feb

TinyTips – Lightweight jQuery Plugin for Tooltips

License Free, Tooltips

Leave a Comment

TinyTips is a very lightweight jQuery plugin that gives the ability to add tooltips to pretty much any element on a page. Thoroughly documented and designer friendly. TinyTips is very easy to install and use. Simply include TinyTips and the latest release of jQuery in the <head>. You can also give it a nice style by editing the stylesheet.

Requirements: jQuery Framework
Demo: http://www.digitalinferno.net/demos/tt-1-0/index.html
License: License Free

Sponsors

Comments

http://turnkeye.com/ Turnkeye

The script is really fast and light
http://www.advertking.info Davor

This ToolTip looks very cool, will try it.. thanks
http://blog.nwcic.com James

Nice tips.
Pluses: Clean, quick, fade-in and out. Looks like you could display dynamic data in it.
Minues: Needs to auto-position depending on browser window size so it doesn’t inadvertanntly get cut off by the browser borders.
http://www.crearedesign.co.uk/ rory

That looks really cool, fantastic way to spice up your title tags. It could really help with subtle SEO on a website. Do you know if it works across all browsers ok? Thanks for bringing this beauty to my attention. Can’t wait to flex this on my new web designs.
http://www.digitalinferno.net Mike Merritt

Hey guys, I’m the developer of TinyTips and I figured I’d let you guys know I released a small update to fix some IE quirks and clean up the styles a little bit.

A new demo can be found at: http://www.digitalinferno.net/demos/tt-1-1/index.html

And more information can be found at: http://www.digitalinferno.net/blog/jquery-plugin-tinytips-1-1/

It works in all browsers I have tested. On browsers that support CSS3 you will have nice rounded corners on the tooltips but for older browsers it will revert to simple square corners. Also the little “notch” at the bottom of the tooltip does not display correctly in IE6 since it does not natively support transparent PNGs. If you need pixel perfect IE6 support you will need to create a new style or use a gif for the notch.

Also as for auto-position, that will be coming in a future update in the near future. I just wanted to push this update out to fix some IE problems.

Thanks and feel free to leave a comment on my blog to let me know what you want to see in the future.
http://www.kolumbus.fi/mika.kaakinen Mika Kaakinen

Nice work Mike. Thanks a lot.
arnold

anyone find a fix for chrome? or IE8 , it doesnt display well here..
http://www.caffeinedi.com Nate

The latest version (1.1) fixes the issues with Chrome and IE8.

You can get it from: http://plugins.jquery.com/project/tinytips

Open Source Resources for You

What we need is a list of the top quality resources, so that we can spend more time on our web development. WebAppers only picks the top quality web development resources for you.

© Copyright 2012 WebAppers | About | Archives | Privacy Policy | Advertise | Contact