Formatare și minificare CSS
CSS lipit pe un rând devine ușor de citit, iar CSS-ul tău devine mai mic, fără să se schimbe vreo regulă.
Aranjarea folosește biblioteca js-beautify 2.0.3 (licență MIT). Textul licenței
Aranjare
Aranjează pune fiecare regulă și fiecare proprietate pe rândul ei, cu indentarea aleasă, folosind biblioteca js-beautify. E util când primești CSS minificat și vrei să-l citești.
Minificare
Minifică scoate doar ce nu schimbă înțelesul: comentariile (în afară de cele care încep cu /*!, păstrate de obicei pentru licențe), spațiile repetate, spațiile de lângă { } ; , >, ultimul ; dintr-un bloc. Spațiile din jurul lui + și - rămân, pentru că calc() are nevoie de ele, la fel și cel dinaintea lui : din div :first-child, care înseamnă altceva fără el.
Am verificat minificatorul pe foaia de stil a acestui site: Chromium, Firefox și WebKit (motorul lui Safari) citesc aceleași reguli, cu aceleași selectoare și valori, înainte și după minificare; diferă doar spațiul de după virgulă sau două puncte în valorile cu variabile (var(…)) și în condițiile @supports, pe care browserele le păstrează ca text. Nu scurtează culori și nici nu unește reguli, cum fac unelte mai agresive; câștigul e mai mic, dar fără surprize.
Codul rămâne la tine
Formatarea se face în browserul tău: CSS-ul nu e trimis nicăieri.
Întrebări frecvente
Minificarea poate strica ceva?
Minificatorul scoate doar spații și comentarii fără rol. Un CSS care era deja greșit (un comentariu sau un șir neînchis) e semnalat, nu „reparat”.
Și pentru HTML sau JavaScript?
Există formatarea HTML și formatarea JavaScript, cu aranjare și minificare.