CSS3 is eigenlijk wel relatief cool. Bijvoorbeeld daar waar men vroeger Photoshop voor nodig had om bijvoorbeeld “rounded corners” of “box shadows” te maken, kan dit nu zeer gemakkelijk via CSS3 elementen. CSS3 biedt natuurlijk nog wel een hele boel meer (lees bijvoorbeeld dit artikel er maar eens op na om een beetje mee te zijn)

Een probleem tegenwoordig is echter dat niet alle browsers deze CSS3 features deze reeds ondersteunen. De modernste browsers (de recenste versies van Firefox, Chrome of IE wel), maar het is nog steeds een feit dat heel wat mensen nog werken met een verouderde browser, waardoor deze niet optimaal worden weergegeven.  Daarom is het aangeraden om “vendor-specific” css3 te gebruiken zoals bijvoorbeeld: -moz-border-radius of -webkit-border-radius.

Maar omdat je dus voor iedere aparte CSS3 feature maar liefst 3(!!!) lijnen moet schrijven om het gewenste resultaat te krijgen, hebben de mensen achter nettuts+ hier een vrije handige tool voor geschreven, namelijk Prefixr. Hier plak je gewoon je CSS code, je drukt op “prefixize” en je krijgt als return je CSS code terug, maar aangevuld met vendor-specific elementen. Kan je toch heel wat typwerk besparen.

Probeer het maar eens uit 😉

Hier is de link: http://prefixr.com/