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 auszutauschen weiterhin mit Schweinefett behandelt. In unserem speziellen Fall betrifft dies Checkboxen. Es ist nämlich nicht mehr nötig diese mit Javascript zu individualisieren, man kann dies auch durch reines CSS lösen.

Die Library CSS Checkbox ermöglicht exakt dies. Dies soll keine Empfehlung sein die Bibliothek dann auch zu nutzen, aber sie ist durchaus sinnvoll um nachzuschauen wie das alles funktioniert. Im CSS Checkbox Generator kann man sich übrigens mit den passenden Grafiken eine eigene CSS zusammen klicken, um die Checkboxen dann auch wirklich auf das eigene Design anzupassen.

Wieso ist das wichtig? Ich spare einen Request auf den Server und unter Umstände verhindere ich auch einen Flash of unstyled Content (FOUC), weil ich je nach verwendeter Bibliothek nicht mehr auf dom:ready warten muss. Es gibt an der Stelle auch mehrere Themes zur Auswahl, mit denen man recht weit kommen sollte.

Das gleiche gilt übrigens für alle Formular-Elemente, die durch HTML5 aufgewertet worden sind. An der Stelle sollte man nicht mehr schauen das man „einfache“ Formular-Elemente mit Javascript aufwertet, sondern man sollte die HTML5-Version verwenden und bei dieser sicher stellen, das sie (mittels Javascript / CSS) in jedem Browser funktioniert. Hört sich auf den ersten Blick zwar egal an, ist aber zukunftssicherer als auf alte Elemente und Bibliotheken zu setzen.

Ähnliche Beiträge

Multiple File Uploads, HTML und Open Source Formulare lassen sich inzwischen ganz gut designen, allerdings gibt es ein Formularelement, das alle Design-Versuche vehement abwehrt: der Dateiupload...
CSS Crush – noch ein CSS Preprocessor aus De... Ich für meinen Teil bin inzwischen starker Verfechter für den Einsatz von Turbine. Der CSS Preprocessor von Peter Kröner vereinfacht mein Leben nachha...
CSScomb – Sortieren einer CSS-Datei Die Übernahme von komplexen Seiten dritter ist kein Spaß, aber leider Alltag. In der Regel sieht dieses Szenario bei mir so aus: irgendein Hobby-Frick...
Adobe Brackets – Code Editor für HTML, CSS &... Nach gefühlten 25 Jahren, dem Plattmachen von Homesite und einigen Versuchen Dreamweaver irgend etwas sinnvolles abzugewinnen glaubt jetzt wohl schein...

Schreibe einen Kommentar

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