In diesem Artikel möchte ich 4 Möglichkeiten vorstellen wie man gutaussehende Buttons mit Hilfe von CSS erstellen kann die (hoffentlich ) in allen Browsern gleich aussehen.

Sexy CSS-Buttons

Die Sexy CSS Buttons von Alex Griffioen arbeiten mit der Sliding-Door Technik. Buttons bestehen aus einem <a> und einem <span>-Tag.

Sexy Buttons

URL: http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html

Wii-Style Buttons

Die Wii-Style Buttons von Hedger Wang funktionieren ähnlich wie die Sexy Buttons, können aber auch Submit-Buttons von Formularen problemlos stylen.

Wii-Style Buttons

URL: http://www.hedgerwow.com/360/dhtml/css-round-button/demo.php

Custom-Buttons 3

Auf stopdesign findet sich ein Artikel zu den Buttons die google in GMail, Google-Reader, etc. nutzt und darüber wie diese erzeugt werden.

Custom Buttons 3

URL: http://stopdesign.com/archive/2009/02/04/recreating-the-button.html

Scalable CSS Buttons

Zu guter Letzt noch eine weitere, ältere Lösung von monc.se.

Scalable CSS Buttons

URL: http://monc.se/kitchen/59/scalable-css-buttons-using-png-and-background-colors

Update zu den Buttons: http://monc.se/kitchen/95/scalable-buttons-update

wForms

wForms ist eine JavaScript-Bibliothek die Formulare um verschiedene Prüfungen und Features erweitern kann. Features sind z.B.

• Eingabeprüfung (Formate, erforderliche Felder, usw.)
• Tooltips
• (pseudo-)mehrseitige Formulare (per Javascript)
• berechnete Felder
• uvm.

wForms steht unter der LGPL.

Validanguage

Validanguage bietet ähnliche Features wie wForms. Weitere Features sind z.B. AJAX-Support, Callback-Funktionen uvm.

Validanguage steht unter der MIT Lizenz.

LiveValidation

Die Besonderheit von LiveValidation ist, dass sämtliche Eingaben schon beim tippen validiert werden. Angenommen ein Feld darf nur A-Z enthalten und jemand tippt eine Zahl ein, wird sofort eine Meldung angezeigt, dass die Eingabe ungültig ist. Ansonsten bieten LiveValidation Standardkost bei den Prüfungen (Muster, Pflichtfelder, usw.)

LiveValidation steht unter der MIT Lizenz.

qForms

qForms ist eine weitere Bibliothek zur Formularprüfung. Im Grossen und Ganzen bietet qForms die üblichen Prüfungen – einzige Besonderheit sind sogenannte Extensions über die man qForms z.B. um die Fähigkeit erweitern kann, Daten in Cookies zwischenzuspeichern, etc.

qForms steht unter der LGPL.

yav

yav ist eine sehr umfangreiche Bibliothek die vom Befehlsumfang her ähnlich ist wie Validanguage. Eine Besonderheit sind z.B. Eingabemasken die schon bei der Eingabe ungültige Zeichen unterbinden (ist also ein Feld so konfiguriert, dass es nur Zahlen enthalten darf, ist eine Eingabe von Buchstaben garnicht möglich).

yav steht unter der LGPL.