Chukki.de - Der Tumblr-Blog über Webdesign, Wordpress, Social Media, Cloud und Webentwicklung

Tooltips haben die schöne Funktion Zusatzinformationen zu Links, Bildern und ähnlichem zu zeigen, wenn man mit der Maus darüber fährt. Diese Tooltips haben jedoch leider die negative Eigenschaft das sie nicht mit CSS anpassbar sind - das Betriebssystem bzw. der Browser gibt vor, wie sie auszusehen haben.

Durch diese Einschränkung führen die Tooltips ein sehr unterbewertetes Leben im Webdesign - lediglich zu Suchmaschinenoptimierungszwecken oder von Online-Shops, welche oft ein Tooltip hinter einem der etlichen unverständlichen Icons verstecken wird diese Funktion genutzt - der Mehrwert fehlt oft auch einfach weil sie nicht durchgehend genutzt und mit sinnvollen Infos gefüllt werden. Es können weder Bilder eingebunden werden, noch eine Formatierung der Schrift vorgenommen werden, was sie zu einem sehr unschönen Werkzeug verkommen lassen.

jQuery ist mit Mootools und Prototype zusammen wohl die mächtigste und beste JavaScript Library die es momentan gibt. Damit alleine sind schon sehr schöne DOM (Document Object Model) Effekte möglich, jedoch für die meisten nicht so leicht einsetzbar, da doch etwas weitreichendere JavaScript Kenntnisse nötig sind.

Und genau da setzt jQuery Tools an - einmal als eigenständige Datei oder als Komplettpaket in Verbindung mit der jQuery Library auch wahlweise auf einem, von den Entwicklern bereitgestellten CDN (Content Distribution Network). So kann innerhalb von wenigen Sekunden jede Website durch schöne und sinnvolle Effekte aufgewertet werden.

Die jQuery Tools können hier heruntergeladen werden und bieten viele verschiedene Elemente um die eigene Seite durch Features in der Usability zu verbessern und optisch aufzuwerten - Tabs, Tooltips, Scrollable, Overlay, Expose und Flash Embed sind die Funktionen, welche die Library mit sich bringt. Was sich hinter den ganzen Begrifflichkeiten versteckt erläutere ich in dieser Reihe. Heute angefangen mit den Tabs, werde ich jeden Tag ein weiteres Element der jQuery Tools mitsamt Programmierbeispielen erläutern.