Simplifiez-vous l'écriture des préfixes en CSS3

Je vous présente 2 outils permettant d'écrire automatiquement les préfixes proposés par chaque navigateur tels que -moz-, -webkit- ou -o-


Lorsque vous programmez vos feuilles de style, pour rendre vos projets de sites web tout beaux (on trouve aussi des CSS dans la mise en "page" des logiciels), vous devez surement savoir que les propriétés actuelles en CSS3 ne sont pas toutes supportées de la même manière. Chaque moteur de navigateur y va de son écriture. -moz- (firefox) -webkit- (chrome, safari) ou -o- (opera) sont autant de codes à fournir pour obtenir une certaine homogénéité de votre mise en forme sur presque tous les navigateurs. Tout rentrera progressivement dans l'ordre, lorsque la W3C publiera officiellement ses recommandations définitives. Pour le moment, on se contente de la feuille de route des css3.

Mais, si vous en avez marre de vous taper toutes ces lignes, même pas toujours redondantes à chaque fois, il existe un site qui propose, pour vous de convertir les propriétés de base (par exemple un border-radius) pour qu'elles soient assurément supportées par ces ténors modernes. Il se nomme CSSPrefixer et est à la fois d'une simplicité enfantine à utiliser, et d'une efficacité redoutable. En vous allégeant le travail, il vous fera gagner quelques minutes de votre précieux temps.

CSSPrefixer est même une application myFreeweb réalisée par Grigory. L'application permet aussi de minifier et de rassembler plusieurs feuilles de styles ensemble.

Une alternative ?

Enfin, il existe aussi sur la toile un équivalent à ce service, que Google m'a proposé, et qui se nomme -prefix-mycss. La différence avec CSSPrefixer, nous vient de ses options supplémentaires pour avoir un résultat déjà minifié, ou au contraire bien commenté. On appréciera aussi que -prefix-mycss affiche les statuts des propriétés supportées.

-prefix-mycss, css, préfixes


Partager par mail ou sur Google Twitter Identi.ca facebook SeenThis
flattr this!