Nach einer einwöchigen Auszeit möchte ich euch heute gerne eine weitere Funktion aus den Reihen der jQuery Tools erläutern. Nachdem ich bereits die Tabs und die Tooltips etwas näher erläutert habe, werde ich heute die Scrollable Funktion erklären.

Was bedeutet Scrollable? Im Grunde ist es versteckter Content, der durch eine Scrollfunktion sichtbar…

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…

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…

Der normale Hover Effekt durch CSS reicht vielen aus, wer es jedoch etwas hübscher haben möchte, kann Mootools zur Hilfe nehmen. Durch ein paar Zeilen Code wird aus den 2 Zuständen (Normal & Hover) eine Animation gebildet. Dies ist ganz nützlich um ein wenig “Ambiente” in die Seite zu bringen und…

Die Geschwindigkeit einer Website zu optimieren ist meist ein Zwiespalt. Einerseits möchte man eine möglichst schöne, oft durch gimmicks (JQuery, Mootools) gespickte Website haben – andererseits aber möchte man auch nicht ewig auf die auslieferung der Websites warten.

Zum Glück hat sich dieses Problem durch Breitband-Anschlüsse etwas verringert, trotzdem ist eine…

Nach ein paar schönen Tagen im Bayrischen Oberstdorf, stell ich euch nun das nächste Tutorial bereit. Diesmal handelt es sich um eine simple Tab-Navigation mittels Mootools.
Tabs sind im Trend… moderne Browser nutzen sie, Photoshop CS4 nutzt sie und auch viele Websites sind mit dieser platzsparenden Art der Contentverwaltung ausgestattet.

Sicherlich mag es mehrere Wege geben…

…oder auf Deutsch gesagt: Die Deckkraft von Bildern mit einem schönen Übergang verändern.

Sicherlich ist es möglich die Deckkraft einfach per CSS zu verändern und bei “:hover” dann die volle Deckkraft zu nutzen. Ich erkläre jedoch den Vorgang in zusammenarbeit mit dem JavaScript Framework Mootools, welches viele schöne Effekte mit sich…