Vizualizuokite bet kurią CSS stilių lentelę su CSS statistika
Ar kada nors susimąstėte, kiek CSS taisyklių yra stiliaus lape? Arba kada nors norėjote pamatyti vaizdinis vaizdavimas apie visos spalvos naudojamas viename CSS faile? Su CSS statistika, galite prijungti bet kurią svetainę ir ištraukite žaliavinių CSS duomenų krūva patenkinti savo smalsumą.
Ir ši žiniatinklio programa eina tiek daug giliau, nei tik rodydama visas stilių lentelės spalvas. Galite vizualizuoti visos z indekso reikšmės, visi šrifto dydžiai, visos žiniasklaidos užklausos ir netgi pamatyti a vizualinio specifiškumo grafikas.
Ši programa apima tiek daug, kad praktiškai neįmanoma suvartoti visko viename posėdyje. Tai suteiks jums milžinišką bet kurios svetainės apžvalgą parodyti, kas yra jų stiliaus lape.
Norėdami pradėti, apsilankykite CSS statistikos svetainėje ir prijunkite bet kokį URL norėtum. Taip pat galite pasirinkti iš daugelio siūlomų svetainių, pvz., „Facebook“, „Apple“ ir „Pinterest“ (be kita ko).
Rezultatų puslapyje pamatysite bendras CSS failo dydis kilobaitais, kartu su dažniausiai naudojamos savybės ir deklaracijos. Visa tai pasirodo kaip vienas ilgas numerių sąrašas, todėl gali būti painu skaityti iš pradžių.
Bet kuo daugiau naudosite šią programą, tuo smagiau ji bus! Štai a viskas rasite statistikos puslapyje:
- Iš viso # iš savybės, selektorių, ir taisykles
- Viskas šrifto spalvos su pavyzdžiais ir šešiakampiais kodais
- Viskas fono spalvos su pavyzdžiais ir šešiakampiais kodais
- Viskas šrifto dydžius su pavyzdžiais
- Sąrašas šriftų šeimos
- Visų sąrašas z indekso reikšmės
- Juostos diagrama visos / unikalios CSS deklaracijos
- Specifiškumo grafikas
- Iš viso taisyklė
- Viskas žiniasklaidos užklausų
- The žaliavinis CSS kodas kartu su URL nuorodos į atskirų CSS failų
CSS statistika yra pakankamai protinga, kad ištrauktų visus CSS failus ir sujungti šiuos duomenis. Kūrėjai įdėjo daug pastangų į šį dalyką, kad jis veiktų teisingai.
Be to, papildoma nuostabi dalis yra pilnas „GitHub“ repo viso projekto pradinio kodo. Taigi galite atsisiųsti ir iš naujo surengti savo serveryje (vietoje ar kitaip), jei norite žaisti, jei norite įdėti į kodą.
Jūs galite pasirinkti traukiant bet kurį atskirą CSS failą arba analizuoti visas stilių lenteles viename domene. Yra tiek daug, ką galite išmokti iš šio įrankio studijuoti, ir suteikia gilesnę supratimą kūrėjams, kurie įeina į smulkmenas.
Norėdami išbandyti save, apsilankykite CSS statistikoje ir prijunkite svetainę. Būsite nustebinti, kiek duomenų yra ir kiek galite išmokti iš tokios paprastos priemonės.
