Idag är det CSS Naked Day, och därför visas min blogg utan CSS-filen, vilket innebär att all designformatering försvinner. Strippa du också!

Amerikanska Go Media där man kan optimera sin CSS-kod för att effektivisera och få ner filstorleken - Clean CSS.

Clean CSS

Tjänsten kan bl.a. komprimera färgkoderna och ta bort onödiga tecken, men även sortera selektorer i bokstavsordning (en funktion som jag själv tycker är väldigt smidig).

Clean CSS bygger på CSSTidy, ett försök att skapa en CSS-optimerare med öppen källkod.

Lista över funktioner som CSSTidy erbjuder:

  • färger som “black” eller rgb(0,0,0) konverteras till #000000 eller ännu hellre #000 om det är möjligt. Vissa hex-koder ersätts med färgnamnet om det är kortare.
  • a{egenskap:x;egenskap:y;} blir a{egenskap:y;} (alla dubblerade egenskaper sammanfogas)
  • margin:1px 1px 1px 1px; blir margin:1px;
  • margin:0px; blir margin:0;
  • a{margin-top:10px; margin-bottom:10px; margin-left:10px; margin-right:10px;} blir a{margin:10px;}
  • margin:010.0px; blir margin:10px;
  • allt onödigt mellanrum tas bort, beroende på kompressionsnivå
  • alla background-egenskaper sammanfogas
  • alla kommentarer tas bort
  • alla semikolon i slutet av varje block tas bort
  • saknade semikolon läggs till, felaktiga nya rader rättas till, saknade enheter läggs till, felaktiga färger (och färgnamn) rättas till
  • egenskap:värde ! important; blir egenskap:värde !important;

Så vad väntar du på - optimera din CSS-kod nu!