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! 😉

WordPress Theme

Eigentlich wollte ich mal was über mein schönes Theme hier schreiben. Aber seit ner Weile schreibt der Author meines Themes in seinem Blog nur noch darüber wie man möglichst gut Geld verdient mit seinem Blog. Und jetzt kostet mein Theme in der neuen Version etwas. Und zwar nicht 5$, sondern gleich 65$. Ja toll. Ich hoffe es kauft keiner. Hallo? Das ist kein CMS das ist ein WordPress Theme. Pixelmator kostet weniger und das ist in vollwertiges Bildbearbeitungsprogramm, damit kann man bald soviel machen wie mit Photoshop!

Naja, zum Glück kann ich selbst mit HTML, CSS und PHP umgehen und kann mir so mein eigenes WordPress Theme schrauben. Ich werde mir jetzt für den Anfang mal die WordPress Theme Vorlage die ich hier gefunden habe ansehen. Mal sehen wie schnell ich damit klar komm.

Wenn ichs dann mal kann bau ich mein jetziges Theme nach und verkauf es für 55$, ha! 🙂

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.