Ukliďte si CSS pomocí Dust-Me Selectors
3. 8. 2007 • Petr Brádler • 5 komentářů
Dust-Me Selectors je rozšíření pro Firefox verze 1.5 a vyšší, které vám může pomoci udržet pořádek v CSS kódu. Tento nástroj můžete využít v situacích:
- kdy tvoříte více webů najednou, skáčete mezi nimi a mohou se vám pomotat některé tagy, ID nebo třídy;
- kdy tvoříte web ve více lidech a mohou vzniknout „přebytky”;
- a nebo jednoduše kódujete tak, že máte v CSS kódu
bordelmírný nepořádek :-).
Dust-Me Selectors funguje tak, že načte všechny definice tagů, ID a tříd ve všech připojených kaskádových stylech a potom proskenuje danou stránku, které tagy, ID a třídy se na ní nachází a jsou definovány v CSS. Takto si můžete proskenovat všechny stránky (v případě menších webíků) nebo všechny vzorové stránky, které by měly obsahovat všechny použité definice (v případě velkých webových projektů). Na každé stránce musíte spustit sken zvlášť a nebo si zaškrtnout automatické spouštění v Nástroje → Dust-Me Selectors → Automation → Run at page load.
Výsledkem kompletního skenu je výpis všech definic, které jste při horlivém kódování vepsali do stylopisu navíc nebo jste je použili, ale později zrušili a zapomněli odstranit také z CSS. Když uvidíte výsledek v pravém spodním rohu okna 0/(počet CSS) je vše v pořádku a kaskádové styly by neměly obsahovat definice navíc.
Dust-Me Selectors - výpis přebytečných CSS definic.
Vypadá to jako zajímavý tip, ale osobně bych se bál, že to jednou najde něco omylem, já to smáznu a voala, najednou mi někdo napíše, že mi někde chybí třeba display:block :o).
Nicméně na takové to domácí testování to někdy prubnu.
**zimmi** Tenhle nastroj snad kontroluje jenom selektory, ne jednotlivy vlastnosti.
Zajimave, lec IMHO zbytecne - pokud mate jeden soubor s CSS (coz je pravdepodobne) tak Dust-Me zkontroluje pouze danou stranku a CSS definice, ktere ji nalezi, ostani oznaci jako nepouzivane, coz je problem.
[3] Je to napsáno již ve článku, že se jedná o kontrolu na úrovni celého webu a je potřeba si spustit sken na každé stránce nebo alespoň na všech reprezentativních.
Zajímavé, ale jak už zaznělo, u velkých webů nepoužitelné. Tam je asi nejrozumnější varianta brát třídu za třídou a posílat ji do grepu na všechny šablony.