One of the most important things when evaluating a website is realize if it offers enough hints and solutions to be found by the audience their navigation across the entire page, think of it as a sailor who needs to see the beacon’s light while approaching to the shore, there’s no way that the sailor will find the city’s Major waiting and guiding him to reach the dock, not even the sheriff will have time for that, but the beacon will always be there to enlighten the sailor’s way.
This showcase reunites the most important and useful tooltip scripts that can be easily implemented on your site. From AJAX and JavaScript solutions to some lite CSS and jQuery applications, you will find the nicest and well executed tooltip scripts and then check if any of these can fit to your needs.
Icon by Iconshock.
Background and features
Tooltips are among the most common graphical user interface elements, their functionality is strictly connected to the cursor behavior, showing up the tooltip after a roll over, roll out or click action. Since the era of Windows 95, tooltips were introduced to aid the user expand the information regarding the element that they were looking into but without having to display it all the time on the screen. A clear example of a tooltip is when you scroll over the eraser icon in Photoshop, a tooltip with the words “eraser tool” will show up, informing the user that this icon is affirmatively meant to be used for erasing elements within a Photoshop file.
Tooltips are extremely useful when the person is exploring for the first time a videogame, a website, an application or a program, because they make the user experience way much easier without disturbing him severely. Another use of tooltips is when you have large lists of elements and you don’t want to utilize larger images that will slow down y