FancyBox

Schon länger hat mich bei dem allseits beliebten Lightbox-PlugIn zur Bild-Vergrößerung einiges gestört. Zum Beispiel wurden Bilder immer so groß angezeigt wie sie auch waren und nicht nur so groß wie auch das Browserfenster ist. Außerdem fand ich es relativ umständlich Galerien zu erstellen.

Vor kurzem hab ich dann FancyBox entdeckt. Ein hübsches kleines jQuery-Plugin welches das alles besser macht. Bilder werden, egal wie groß sie sind nur so groß angezeigt wie man sie auch sieht. Außerdem kann man automatisch von Bild zu Bild springen ohne irgendwas einstellen zu müssen!

Toll! Übrigens: Apple nutzt wohl auch FancyBox! 😉

jQuery Plugin: Validation

Ich arbeite ja leider momentan (noch) nicht so viel mit AJAX. Aber wenn, dann mit jQuery. Besonders angetan hat es mir das Formularvalidierungs-Plugin Validation.

Das Web 2.0 lebt durch Formulare. Da muss man als Webdesigner/-entwickler auch oft überprüfen ob denn eine korrekte E-Mail-Adresse, eine korrekte Postleitzahl, ein korrektes deutsches Datum usw. eingegeben wurde. Man kann das ganz umständlich mit PHP machen. Man wertet aus was eingegeben wurde und bastelt für jeden Fehler eine Fehlermeldung mit Hinweis. Das kostet ungefähr pro Formular einen Tag mehr Zeit und macht soviel Spaß wie Walnüsse zählen.

Mit Validation schreibt man sein Formular fast wie gewohnt und wie von Geisterhand bekommt man direkt unter dem jeweiligen Formularfeld eine wunderschöne Fehlermeldung angezeigt wenn etwas falsch eingegeben wurde. Der einzige Unterschied ist dass man in das class-Attribut der jeweiligen Formularfelder Anweisungen wie “required” oder “date” schreibt. Man muss nur jQuery einbinden, Validation einbinden und Validation dann noch sagen was es validieren soll. 

Gesammelte Beispiele finden sich hier. Eine ausführliche Doku ist bei jQuery selbst zu finden.

Das Plugin ist sehr flexibel. Falls man mit den Angaben im class-Attribut nichtmehr weiter kommt kann man auch mit JavaScript Angaben die Validierung beeinflussen. Näheres dazu steht ausführlich in der Doku.

Ein geniales jQuery-Plugin welches man an allen Ecken und Enden im Webdesign brauchen kann! Ich benutze es inzwischen für alle meine Formulare.