Building an Elegant Tooltip Dropdown Menu Powered by jQuery

by Jake Rocheleau
on July 5, 2011

in Tutorials

Within the jQuery library it’s possible to create some fantastic effects. These can enhance the overall user experience dramatically and often work hand-in-hand with new CSS3 and HTML5 techniques. As the field of web design has evolved, prominent new techniques have evolved as well.

Below I’ve gone into depth over the process for creating a fantastic navigation menu with tooltips. Each is dynamically generated to hold a small bit of information about the currently targeted link. We’re working with the newest jQuery 1.6.x library and jQuery colortips from Tutorialzine.

There are three (3) major steps to breaking down our code. The first is raw HTML which displays our demo page mockup and how to implement a similar navigation system on your own website. Second we must utilize CSS styles to create our tooltip boxes and pointers. And lastly we must integrate with jQuery and the colortips library to figure out how we should call each tooltip.

demo of tooltip menu tutorial

Read More

28 Fresh jQuery Tutorials

by Brant Wilson
on March 17, 2011

in design Resources Tutorials

In this post we have collected 28 fresh and useful jQuery tutorials. If you like jQuery tutorials you might also want to check out some of our previous posts below. Enjoy!

20 Useful jQuery Slider Tutorials

25 jQuery Tutorials for Improved Navigation Menus

Easy Display Switch with CSS and jQuery

Create an Image Rotator with Description (CSS/jQuery)

How to Create a jQuery Confirm Dialog Replacement

Read More

Create a Cool Text Effect in Photoshop With a Single Texture

by Matt Ward
on November 30, 2010

in design Resources Tutorials

There’s no doubt that you can create some stunning effects in Photoshop, but it doesn’t all have to be really complicated. In fact, there are all kinds of interesting things that you can do really easily. In this tutorial, I want to show you how you can use a single, grungy texture to bring a really interesting treatment to a typographic design.

To start off, we’re going to need a texture. I’m going to be using this one from the Mega Textures Pack that I released over on the Echo Enduring Blog:

Echo Enduring Texture

Read More
Page 13 of 23« First...1112131415...Last »