WebAppers

/ best free open source web resources /

Shopify

TinyTips – Lightweight jQuery Plugin for Tooltips

Posted · Category: License Free, Tooltips

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.

tiny-tooltips

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

8 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

Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons