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…]

Full control styling a button

Styling buttons can really be a pain. There is just no way to make sure a button is styled exactly the way you want cross browser.

Recently I was tired with on of my ‘submit’ buttons which was looking just a little bit different in IE7 and IE8. In most cases I am styling an <a>-tag. Those are very easy to manage, but when submitting a form I don’t want to rely on javascript. And I want the [ENTER]-key to work like normal.

[Read more…]

Removing the stubborn compatibility view icon

Yesterday someone I know complained that the layout of our site (leadingcourses.com) was broken in Internet Explorer 9.

Of course my own IE was showing no problems until I was playing with the compatibility view.

compat-view

[Read more…]

Leadingcourses.com launches widget for search

As of today everybody offer their visitors a quick way to search through more than 7,000 golf courses in europe which are listed on leadingcourses.com.

More info can be found on: http://en.leadingcourses.com/widget-generator/
 

 

 

 

 

Fronteer workshops voor visual designers

De browsermarkt is enorm aan het veranderen. Internet Explorer was jarenlang leidend, tegenwoordig zetten browsers als Chrome, Firefox en Opera de toon. Maar ook nieuwe apparaten zoals mobieltjes en iPads maken gebruik van uiterst geavanceerde browsers met goede ondersteuning van nieuwe technieken zoals HTML5 en CSS3.

[Read more…]

Website onder de loep: www.beslist.nl (nieuwe website)

Omdat Beslist.nl een behoorlijk grote site is, vind ik het absoluut de moeite waard om hier een stukje over te schrijven. Een real-life voorbeeld van hoe het niet moet werkt vaak heel goed.

Ik heb begrepen dat de frontend van de nieuwe site van Beslist.nl grotendeels herschreven is.

In mijn post over CSS best practice schreef ik over een tweetal website die erg op elkaar leken en dingen hadden als float left  en float right.

[Read more…]