Pages tagged tooltip:

Pop! simple pop menus with jQuery
http://pop.seaofclouds.com/
New jQuery plugin: ‘imgPreview’ - James Padolsey
http://james.padolsey.com/javascript/new-jquery-plugin-imgpreview/

Image Preview
[JS]これ最強かものツールチップスクリプト -BeautyTips | コリス
http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-beautytips.html
ツールチップスクリプト
BeautyTips | Coliss
シンプルなツールチップも簡単に実装できるだけなく、デザインのカスタマイズが可能で、対応トリガーも豊富なツールチップのスクリプト「BeautyTips」を紹介します。
tipsy - Facebook-style tooltip plugin for jQuery
http://onehackoranother.com/projects/jquery/tipsy/
Create a jQuery Popup Bubble » Digital Visions Queenstown
http://www.dvq.co.nz/web-design/create-a-jquery-popup-bubble-effect/
Simpletip - A simple jQuery tooltip plugin
http://craigsworks.com/simpletip/
Simpletip jQuery plugin. Making tooltips simple!
Shared with shareomatic.com
A simple jQuery tooltip plugin
tooltip
Simpletip - A simple jQuery tooltip plugin - http://craigsworks.com/simpletip/
Announcing BeautyTips, a jQuery Tooltip Plugin | Lullabot
http://www.lullabot.com/articles/announcing-beautytips-jquery-tooltip-plugin
kind of a badass tooltip plugin but, of course, IE is not going to properly support it for awhile
BeautyTips, a Tooltip Plugin for JQuery
BeautyTips Demo Page
http://www.lullabot.com/files/bt/bt-latest/DEMO/index.html
BeautyTips Demo Page
baloon popups
You Still Can’t Create a jQuery Plugin? - NETTUTS
http://net.tutsplus.com/videos/screencasts/you-still-cant-create-a-jquery-plugin
http://mootools.floor.ch/en/demos/formcheck/index.htm
http://mootools.floor.ch/en/demos/formcheck/index.htm
Form Validation
Image-free CSS Tooltip Pointers - A Use for Polygonal CSS? | Filament Group, Inc.
http://www.filamentgroup.com/lab/image_free_css_tooltip_pointers_a_use_for_polygonal_css/
At Filament Group, we build elegant communications and interactions that help people understand, work, and collaborate effectively across a variety of media - from web sites to wireless, to interactive exhibits and print.
11 Excellent Solutions for Creating Tooltips | Web Design Ledger
http://webdesignledger.com/resources/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.
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
11 ทูลทิป แจ่มๆ น่าใช้
Web Design Ledger
qTip - The jQuery tooltip plugin - Home - (Current beta: 1.0.0-beta1)
http://craigsworks.com/projects/qtip/
The jQuery tooltip plugin
tooltip plugin
Easy Tooltip - jQuery plugin | Css Globe
http://cssglobe.com/post/4380/easy-tooltip--jquery-plugin
By default this plugin will read the title attribute of the element and convert it into fade-in tooltip that you can style any way you want. Important note, it doesn't have to be an anchor tag. You can apply this script to any element(s) you want.
Simpletip - A simple jQuery tooltip plugin
http://craigsworks.com/projects/simpletip/
simple jQuery tooltip plugin
jQuery tool tip
TOOLTIPS JQUERY
Simpletip - A simple jQuery tooltip plugin
10 Excellent ToolTip Plugins with jQuery | Steve Reynolds Blog
http://www.reynoldsftw.com/2009/03/10-excellent-tooltip-plugins-with-jquery/
Build a Better Tooltip with jQuery Awesomeness - Nettuts+
http://net.tutsplus.com/tutorials/javascript-ajax/build-a-better-tooltip-with-jquery-awesomeness/
Apr 1st in Javascript & AJAX by Jon Cazier Browsers will automatically display a tooltip when you provide a title attribute. Internet Explorer will also use the alt attribute. But, in this tutorial I'm going to show you how to quickly write a jQuery plugin that will replace the typical browser tooltip with something a little flashier.
Browsers will automatically display a tooltip when you provide a title attribute. Internet Explorer will also use the alt attribute. But, in this tutorial I'm going to show you how to quickly write a jQuery plugin that will replace the typical browser tooltip with something a little flashier.
Fun With CSS Shapes - Nettuts+
http://net.tutsplus.com/videos/screencasts/fun-with-css-shapes/
I bet a bunch of you don't realize that we can create the illusion of shapes by using 100% CSS. By utilizing the border property in creative ways, we can make some really interesting polygons.
How to create a Twitter-style alert with jQuery, CSS, and PHP / Brian Cray's Blog
http://briancray.com/2009/05/06/twitter-style-alert-jquery-cs-php/
Create CSS pin balloons with ease
http://www.jankoatwarpspeed.com/post/2009/04/19/Create-CSS-pin-balloons-with-ease.aspx
Home page of Africa Tour 2008 is a good example of how simple solutions can also be effective. In this tutorial I will recreate (in my own way) their effect using World map. As I said, the effect is more than simple - each continent is marked with a "pin balloon" (I couldn't think of a better name) and when you hover the balloons they get larger. This is something that many of us have done many times, I'm sure of it. However, this example has a trick: balloons grow diagonally starting at the anchor point (anchor point is the little triangle that comes out of the balloon).
Helps you build good looking and functional web sites.
15 jQuery Plugins To Create An User Friendly Tooltip
http://www.webdesignbooth.com/15-jquery-plugins-to-create-an-user-friendly-tooltip/
Create a Content Rich Tooltip with JSON and jQuery | Web Resources | WebAppers
http://www.webappers.com/2009/07/13/create-a-content-rich-tooltip-with-json-and-jquery/
This tutorial will demonstrate how to build tooltips that are powered by jQuery, with information pulled from a JSON array.
Create a Content Rich Tooltip with JSON and jQuery | Web Resources | WebAppers - http://www.webappers.com/2009/07/13/create-a-content-rich-tooltip-with-json-and-jquery/
Content Rich tooltip with JSON and jQuery
멋지다. 툴팁을 이렇게 디자인해낼줄이야.
vTip | Vertigo Project
http://www.vertigo-project.com/projects/vtip
vTip is designed to quickly provide very lightweight (706b js, 272b CSS, 270b image) tooltips to users of jQuery. The zip includes everything you need (including an example page), as well as jQuery for the examples to work.
para usar con javasctipt y jquery
vTip is designed to quickly provide very lightweight (706b js, 272b CSS, 270b image) tooltips to users of jQuery. The zip includes everything you need (including an example page), as well as jQuery for the examples to work. Using the jQuery framwork any element with a class of vtip will have it’s title attribute turned into a sleek, customizable tooltip without the klunk and loading time of a large tooltip script. Version 2 introduces a minified version meaning the entire script is now 44% smaller.
tool tips
12 jquery tooltip for web developer
http://www.dreamcss.com/2009/05/12-jquery-tooltip-for-web-developer.html
12 jquery tooltip for web developer
Create a Digg-style post sharing tool with jQuery | Queness
http://www.queness.com/post/309/create-a-digg-style-post-sharing-tool-with-jquery
I was surfing website and searching for inspirations and I stumbled upon digg.com. I discovered a small utility on every single post, the share link. Yes, I want to implement that, it looks cool, practical and useful! So, this tute, we are going to make a digg-style post sharing toolbox. It's all pretty straight forward and need a little bit of planning. The way it works is different with digg's. If you view the html source code of Digg's, it has the sharebox html code in every single post. But, in this tutorial we have only one sharebox, and all the links are sharing the same template.
Create a Simple CSS + Javascript Tooltip with jQuery | Queness
http://www.queness.com/post/92/create-a-simple-cssjavascript-tooltip-with-jquery
25 Useful jQuery Tooltip Plugins and Tutorials : Speckyboy Design Magazine
http://speckyboy.com/2009/09/16/25-useful-jquery-tooltip-plugins-and-tutorials/
Vários Tools Tips (Balões do mal)
jquery tooltips 25 jquery tooltips
10 Attractive Jquery CSS Tooltips Tutorials – Designzzz
http://www.designzzz.com/jquery-css-tooltip-tutorials/
Attractive Jquery CSS Tooltips Tutorials – Designzzz
10 Pretty Useful and Cool jQuery Plugins
http://www.queness.com/post/1074/10-pretty-useful-and-cool-jquery-plugins
Pretty Useful and Cool
10 Pretty Useful and Cool jQuery Plugins
There are new jQuery plugin being released everyday. In this post, I have found 10 jQuery Plugins that are pretty useful and also pretty cool concept.
This list is pretty nice and more recent. All of the plugins seem to be pretty dialed in and compatible with all the major browsers
Making an Interactive Picture with jQuery | Build Internet!
http://buildinternet.com/2009/11/making-an-interactive-picture-with-jquery/
Genial script realizado con jquery, que simula el efecto que utiliza Ikea para mostrar sus productos por sector.
In this tutorial I will be showing you how to piece together an interactive picture – aka an image that contains tooltips and popup boxes. This can be useful for showing off a particular aspect of a photo (ie items or people).
35 Useful Scripts for Tooltips | Vandelay Design Blog
http://vandelaydesign.com/blog/tools/tooltips-scripts/
TipTip jQuery Plugin | Drewwilson.com
http://code.drewwilson.com/entry/tiptip-jquery-plugin
TipTip is a very lightweight and intelligent custom tooltip jQuery plugin. It uses ZERO images and is completely customizable via CSS.
How to display tips by creating a jQuery plugin | yensdesign - Tutorials, Web Design and Coding
http://yensdesign.com/2009/01/how-to-display-tips-creating-jquery-plugin/
Hi guys! If you have tested the beta of Plusmusica (it's a beta, report bugs please!) maybe you have find some tips when you move the mouse over some elements.
How to display tips
We are going to learn how to create our custom jQuery plugin to show tips on mouse over event on our desired elements. We will also be able to customize the appearence of the tip division for each kind of elements in the CSS code and much more.
30 Stylish jQuery Tooltip Plugins For Catchy Designs | Graphic and Web Design Blog -Resources And Tutorials
http://www.1stwebdesigner.com/resources/stylish-jquery-tooltip-plugins-webdesign/
Y links a muchos más plugins de jquery y wordpress
Tooltips on website are small things which can play a big role in website design. If a tooltip on your website is very well made and looks amazing then it can lift up visitors impression about your website. And that’s why here comes jQuery to help with its well made tooltips. And remember that all those small website design things make your website look better. So this time I will show you my Top 30 of jQuery tooltip plugins. Enjoy!
Superb Jquery CSS Image Effects and Tooltips Tutorials – Designzzz
http://www.designzzz.com/jquery-css-image-effects-tooltips-tutorials/
nice image effects
Great examples of jquery
jQuery Plugin: TinyTips 1.0 | Mike Merritt | Digital Inferno
http://www.digitalinferno.net/blog/jquery-plugin-tinytips-1-0/
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.
jQuery Plugin: TinyTips 1.0 | Mike Merritt | Digital Inferno
Ajaxian » Using Polygonal CSS for imageless tooltips and more
http://ajaxian.com/archives/using-polygonal-css-for-imageless-tooltips-and-more
Tooltips ohne Bilder
Using Polygonal CSS for imageless tooltips and more
CSSで吹き出し
画像を使わず、css のみで吹き出し。
Ajaxian magazine » Using Polygonal CSS for imageless tooltips and more
Purely CSS Callouts - Daily Coding - daily coding tips and tricks, C#, .NET, ASP.NET, SQL, css callouts, css tricks, slant border
http://www.dailycoding.com/Posts/purely_css_callouts.aspx
Dotted Arrows in CSS technique with border dotted
CSS Callouts. Used in the Image Annotator
* Subscribe RSS * Subscribe by Email * (What is RSS?) * * Follow us
clever
Contextual Slideout Tips With jQuery & CSS3 – Tutorialzine
http://tutorialzine.com/2010/04/slideout-context-tips-jquery-css3/
Knowing the importance of HTML standards, we are making a set of contextual slideout tips with jQuery & CSS3, which are ideal for product pages and online tours. As a bonus, they are SEO friendly, so all the content is visible to search engines.
Filament Group Lab Example From Page from: Image-free CSS Tooltip Pointers - A Use for Polygonal CSS?
http://www.filamentgroup.com/examples/fg-tooltip/
css tooltip
Sexy Tooltips with Just CSS
http://sixrevisions.com/css/css-only-tooltips/
Thus, we’re going to look at how using the evolving CSS standard can enhance some lovely cross-browser tooltips.