Les webdesigners savent bien qu’écrire de belles feuilles de styles CSS, à la fois organisées et optimisées est une chose très difficile.
Ces feuilles CSS se construisent au fur et à mesure, et penser dès le début de sa réalisation à l’organisation globale n’est pas possible. Il faut donc en passer par une étape de relecture indispensable pour améliorer en plusieurs passes les différents styles.
CSS Beautifier est un webware qui permet de nettoyer et de réorganiser automatiquement une feuille de style ou un ensemble de styles CSS.
Doté d’une interface propre et pleine d’options, CSS Beautifier optimise les propriétés des styles donnés ou se trouvant dans la feuille ciblée sur Internet. Il est basé sur CSSTidy 1.3.
Le webware propose notamment plusieurs (4) modes de lisibilité du code qui sera retourné, ce qui permet d’obtenir une bonne balance entre optimisation et lisibilité :
Il est même possible de créer son propre gabarit, pour mettre le code en forme selon ses souhaits. Un must !
Autre option intéressante, la possibilité de supprimer les sélecteurs qui ne sont pas valides selon une norme définie (ex: CSS 2.1).
Une fois vos options choisies, il vous suffit de cliquer sur le bouton « Compresser le CSS ». Vous obtiendrez alors 2 choses :
- un récapitulatif des opérations effectuées
- le code CSS optimisé
Très bien fait. Le webware est traduit de manière un peu aventureuse en français, mais au moins il est traduit.
Un très bon webware du genre qui trouvera sa place dans la boite à outil du webworker.
Optimisez vos CSS avec Code Beautifier
