Vereinfachte Formularerstellung mit Patterns

Von irgendeinem Punkt an funktionieren Webseiten alle gleich: Slider auf die Startseite, die Usability von Formularen erhöhen und das bloß mit minimalem Aufwand auf allen Browsern in respsonsive. Hört sich auf den ersten Blick hin einfach an, ist es in der Regel auch, bedingt aber auch eine unerträgliche Anzahl von JavaScript oder individueller Programmierung, die keiner mehr bezahlen will.

Patterns ist so eine Art eierlegende Wollmilchsau die von allen grundlegenden Anforderungen an eine Webseite ein wenig kann. Dafür besitzt Patterns mehrer Pattern (Muster) die in der Regel alle Erfordernisse einer einfachen Webseite abdecken. Ferner können eigene Pattern einfach erstellt werden indem man mehrer bestehende Pattern miteinander kombiniert. Das wirklich interessante an der Stelle ist nun, das man kein JavaScript programmieren muss, sondern einfach über eigene Tags bestehende HTML-Container erweitert oder entsprechende Klassennamen verwendet.

Möchte man zum Beispiel einen Button einfügen, der alle Checkboxen eines Formulars anhakt, gibt man diesem Button einfach die Klasse select-all, umgedreht die Klasse deselect-all. Dies fördert natürlich extremst die Lesbarkeit des Quelltextes und nutzt insbesonderen Leuten, die halt kein JavaScript programmieren können oder wollen.

Was dann direkt zu einem „kleinen“ Problem führt, schnell ist natürlich anders. Aber ich finde die Art&Weise der Implementierung wunderbar und vollkommen intuitiv, und solange man Bootstrap und Foundation einsetzt ist Geschwindigkeit eigentlich das kleinste Problem um das man sich kümmern muss ;) Die Homepage von Patterns findet ihr hier, und natürlich das Projekt an sich auch auf GitHub.

Ähnliche Beiträge

Javascript spricht MP3 Nein, kein Scherz! ;) JSmad kann mittels der WEB Audio API von HTML5 MP3 in Javascript decodieren. Das funktioniert nativ derzeit nur im Firefox 4, in...
Tutorial zur Passwortstärke mit jQuery Der Fall YouPorn hat eindrucksvoll bewiesen, wie simpel Passwörter sind. An der Uni habe ich in einem Kurs echt wilde Dinge gelernt um Systeme zu bela...
Bildeffekte in JavaScript mit glfx.js Bilder erst auf dem Client zu manipulieren wird immer beliebter, vor allem wenn es um Animationen geht. Ich kann mich da noch an eine Zeit erinnern, w...
Individuelle Checkboxen ohne JavaScript Schuster bleib bei deinen Leisten ist nicht immer eine gute Idee! Vor allem dann, wenn man seine Stiefel anstatt gegen die Version aus Gummi auszutaus...

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.