graphic design default

Tooltips are graphical user interface features that point over an item without ever actually clicking on the item itself. In this new online course, author and graphic designer Chris Converse demonstrates to us how to convert text and graphics into tooltips to enrich your website with exclusive directions and cues using tooltips. Learn how to save graphics from Photoshop and then create them in Dreamweaver and activating them with jQuery. Additionally, hear how to create the tooltip container, add the jQuery document ready and mouse events, detect and sett HTML tooltips, attach and position the tip container to the mouse, set the tooltip for positioning and effects, and account for other CSS elements.

Topics include:
• Creating web graphics
• Adding HTML markup
• Styling and activating the tooltip
• Adding positioning and effects to the tooltip
• A mouse position “gotcha”

Level: Intermediate
Length: 54m 15s
Release Date: August 28, 2012

Here is a preview of the tutorial to give you a good idea of what the tutorial is like:

Previewing the final project