mardi 6 novembre 2012

CSS : supprimer les caractères inutiles pour le code couleur

Quand on crée une feuille de style ou qu'on met un peu de style en ligne, on peut alléger le poids de ces feuilles en mettant le moins de caractères possible dans ces fichiers.
On peut bien sûr passer par un compresseur de CSS, qui supprimera les espaces et les sauts de ligne, notamment.
On peut aussi faire un petit truc "à la main" : passer par la forme courte des codes couleur... quand cela est possible.
Soit comme moi, vous récupérez des CSS d'un projet déjà bien avancé... il faudrait passer tous les codes couleurs à la forme courte quand c'est possible.

Un exemple : passer de #ffffff à #fff

Dans votre éditeur de texte favori, Notepad++ pour moi, ouvrir la petite fenêtre qui permet de remplacer des caractères, passer en mode Expression régulière, rechercher #(.)\1\1\1\1\1 et remplacer par #\1\1\1

Comme dans l'exemple ci-dessous :