/bin/basti

Auf der Suche nach einer einfachen Möglichkeit einen Akkordeon-Effekt in eines meiner neuen Projekte zu implementieren, also bestimmte Elemente auf nette Art und Weise ein- und auszuklappen, bin ich heute Nacht glücklicherweise auf moo.fx gestoßen. Ajax Info erklärt:

Moo.FX ist eine Javascriptbibliothek, die für visuelle Effekte in HTML Seiten verwendet wird. Die Bibliothek ermöglicht die einfache Manipulation der Transparenz, Grösse und verschiedener anderer Attribute (fast) beliebiger HTML Elemente durch Javascript Funktionsaufrufe.

Das praktische an moo.fx, neben den “super lightweight”-Dateigrößen, sind die vorgefertigten Effekte, welche man auf einfachste Art und Weise und fast ohne Javascript-Kenntnisse auf seinen Seiten nutzen kann. Im Zusatzpaket moo.fx.pack befindet sich z.B. mein gewünschter Akkordeon-Effekt, aber auch so nützliche Dinge wie eine “Scroll-to-Element”-Funktion.

Um die Spielereien einzubinden, müssen lediglich die drei im zip-File enthaltenen Javascript-Bibliotheken sowie weitere drei Zeilen Javascript für die Auswahl und Konfiguration des gewünschten Effektes im Head eingebunden werden. Dann noch schnell die Links und DIV-Bereiche richtig ausgezeichnet und fertig. Klingt einfach, oder? Ist es ja auch.

Eine deutsche Anleitung hierzu findet man bei ajax-info.de, die offizielle Seite samt Dokumentation unter moofx.mad4milk.net. Das Ganze ist “unobstrusive Javascript”, also auch bei deaktiviertem oder nicht vorhandenem Javascript-Parser (z.B. mobile Geräte, Suchmaschinen, etc.) funktionstüchtig. Auf jeden Fall einen Blick wert und bei bei mir persönlich in Zukunft sicherlich öfter Bestandteil neuer Projekte …

Dieser Weblog-Eintrag wurde am Dienstag, den 21. März 2006 auf /bin/basti veröffentlicht und unter Webdesign abgelegt. Du kannst einen Kommentar schreiben oder einen Trackback auf deiner Seite einrichten.