4 Alati za reviziju i optimizaciju CSS-a
Nakon što vaša web-lokacija počne rasti, pojavit će se i vaš kod. Kako se širi vaš kôd, CSS može iznenada postati teško održiv i možete završiti prepisivanje jednog CSS pravila s drugim. To komplicira stvari i vjerojatno ćete završiti s mnogo bugova.
Ako ti se to događa, vrijeme je da to učiniš provjerite CSS svoje web-lokacije. Revizija CSS-a omogućit će vam da identificirate dijelove CSS-a koji nisu optimizirani. Datoteku stilova možete smanjiti i tako što ćete ukloniti redove koda koji usporavaju izvedbu web-lokacije.
Evo 5 dobrih alata koji će vam pomoći u reviziji i optimizaciji CSS-a.
Tip-O-Matic
Tip-O-Matic je dodatak Firebug za analizu fontova koji se koriste na web-lokaciji. Ovaj dodatak daje vizualni izvještaj u tablici, s obzirom na svojstva fonta kao što su obitelj fonta, veličina, težina, boja, kao i koliko puta se font koristi na web stranici. Kroz tablicu izvješća možete jednostavno optimizirati upotrebu fonta, ukloniti ono što je nepotrebno ili kombinirati stilove koji su previše slični.
CSS Lint
CSS Lint je ostavlja dlačice alat koji analizira CSS sintaksu na temelju određenih parametara koji se odnose na performanse, pristupačnost i kompatibilnost vašeg CSS-a. Iznenadili biste se rezultatima, očekivali mnogo upozorenja u CSS-u. Međutim, te će vam greške na kraju pomoći da popravite CSS sintaksu i učinite je učinkovitijom. Osim toga, bit ćete bolji CSS pisac.
CSS ColorGuard
CSS ColorGuard je relativno novi alat. Izgrađen je kao čvorni modul i radi na svim platformama: Windows, OS X i Linux. CSS ColorGuard je alat za naredbeni redak koji će vas obavijestiti ako koristite slične boje u vašoj stilskoj tablici; pr. # f3f3f3 je prilično blizu # f4f4f4, pa biste mogli razmotriti spajanje dva. CSS ColorGuard se može konfigurirati, možete postaviti prag sličnosti i postaviti boje koje želite da alat zanemari.
CSS Dig
CSS Dig je Python skripta i radi lokalno na vašem računalu. CSS Dig će izvršiti temeljito ispitivanje u vašem CSS-u. Čitat će i kombinirati svojstva, npr. sve deklaracije boje pozadine ići će ispod odjeljka pozadine. Na taj način možete jednostavno donositi odluke na temelju izvješća kada pokušavate standardizirati svoju CSS sintaksu, npr. možete pronaći boju preko stilova sa sljedećom deklaracijom boja.
boja: #ccc; boja: #cccccc; boja: #CCC; boja: #CCCCCC;
Ove deklaracije boja čine istu stvar. Mogli biste ići s #ccc ili s glavnim gradom #CCC kao standard. CSS Dig može razotkriti ovu redundanciju i za druge CSS osobine, i moći ćete učiniti svoj kôd dosljednijim.
