Ik heb mij vandaag voor de eerste keer echt bezig gehouden met CSS3, tutorials uitgespit, screencasts bekeken, veel leuke dingen gezien, experimenten waarvan je nu nog niet het nut van inziet.

Wat mij vooral is opgevallen zijn de CSS vendor prefixes, veel tutorials die je de dag van vandaag ziet verschijnen - en begrijp me niet verkeerd, die echt wel de moeite zijn - maken meestal gebruik van de -webkit prefix.

Nu niet iedereen gebruikt Safari, er is natuurlijk keuze genoeg aan browsers, en de meesten gebruiken toch maar Firefox omwille van de hype van enkele jaren geleden!
Persoonlijk gebruik ik liever Opera - dat geheel terzijde - maar van de x-aantal CSS3 voorbeelden die ik vandaag gezien heb, was er geen enkele die de opera-prefix gebruikte, alhoewel die identiek zijn aan de -webkit prefix.

Onvoldoende kennis, luiheid??

En sinds IE8 is er een tweede Microsoft prefix bijgekomen, voor IE 5.5 - IE7 gebruik men filter, vanaf IE8 -ms-filter.

Maar natuurlijk brengt ons dat bij het volgende dilemma

Je wenst met de vooruitgang mee te gaan, dus zullen volgende punten je even tot de werkelijkheid roepen:

  1. Wens je gebruik te maken van CSS3, mag het je geen reet meer interesseren dat vanaf nu je CSS “invalid” is
  2. Dus stel je wilt dit doen:

    div.coolEffect {
    -webkit-transition-property: opacity; /* safari */
    -webkit-transition-duration: 2s;
    -o-transition-property: opacity; /* Opera */
    -o-transition-duration: 2s;
    -moz-transition-property: opacity; /* FireFox */
    -moz-transition-duration: 2s;
    -ms-transition-property: opacity; /* IE */
    -ms-transition-duration: 2s;
    }

    Je ziet het al, je moet voor elke engine apart dezelfde bepaling opnieuw gaan schrijven, gedaan met “CSS maakt je het leven eenvoudiger”, het verviervoudigt zich
  3. Is er niet ooit een tijd geweest dat browser-sniffing als bad practise omschreven werd? Want eigenlijk komt het in principe daarop neer.

Ik ben volledig te vinden voor de vooruitgang met CSS3, eerder vandaag dan morgen, maar de browser prefixes moeten snel weg, ofwel ondersteuning, ofwel niet. De keuze nu om CSS3 te gebruiken zal zich beperken om kleine “coole” dingen te doen die juist dat beetje extra-touch geven aan een selectief aantal bezoekers, dus er moet al over nagedacht worden waar CSS3 te gebruiken.
Is het niet de bedoeling dat CSS3 het leven van de webdeveloper eenvoudiger zou moeten maken?, ik denk dat we er nog niet zijn, misschien morgen?