Prefixr - Simplifier la compatibilité de votre CSS avec les navigateurs

Prefixr est un outil lancé par Jeffrey Wey (rédacteur en chef de Nettuts+) visant à faciliter la vie des développeurs et intégrateurs. Il offre la possibilité de ne plus se soucier des propriétés CSS ayant une notation propre aux navigateurs. Cet outil va interpréter le code CSS3 standard et l'adapter à chaque navigateur.

Par exemple,

#monDiv {border-radius: 10px;}

deviendra

#monDiv {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

A la différence de CSS Crush, que nous vous avions présenté il y a quelques jours, Prefixr ne fonctionne pas comme un préprocesseur PHP, mais est disponible sous 2 formes différentes : une interface web, pour transformer manuellement vos CSS, et une API CURL qui va vous permettre d'automatiser l'ajout de préfixes et la compression des fichiers dans vos scripts de publication ou directement dans vos IDE (l'auteur de l'API devrait mettre à disposition un plugin pour Textmate).

Attention tout de même, Prefixr n'est pas magique, il édite votre CSS mais ne pourra pas ajouter des propriétés qui n'existent pas, comme les coins arrondis sous IE6.