Een alternatief form-element: select

Eerder schreef ik al over hoe een checkbox op een andere manier kan worden vormgegeven in je browser.
Nu wil ik het hebben over de selectbox, de draak van de formulieren.

De native selecbox is erg nuttig. Mobiele browsers geven een fijn alternatief voor het dropdownlijstje, dus het is ook nog eens erg handig in gebruik.
De layoutaanpassing die ik gebruik heeft geen implicaties op deze standaard functionaliteit. Oh en er komt ook nog eens geen javascript aan te pas. Een CSS-only selectbox-aanpassing dus.
[Read more…]

Een alternatief form-element: checkbox

Een checkbox, leuk ding, handig vooral, maar qua layout niet echt een prachtexemplaar.

Er bestaan veel javascripts die een checkbox omvormen tot iets toonbaars. Mijn oplossing heeft geen javascript nodig, alleen css. Dus ook het checken en unchecken van de checkbox werkt helemaal op de ‘natuurlijke’ manier.

In deze post ga ik dus dieper in op de mogelijkheid om een mooiere checkbox te maken die past bij jouw website.
Qua code kost het iets meer dan het plaatsen van een normale checkbox, maar het eindresultaat is wat mij betreft belangrijker.
[Read more…]