Vizualizirajte vse sloge CSS s statistiko CSS
Ste se kdaj vprašali, koliko pravil CSS je v slogu slogov? Ali ste že kdaj želeli videti vizualna predstavitev od vse barve uporablja v eni datoteki CSS? S CSS statistika, lahko priključite katero koli spletno mesto in potegnite kup surovih podatkov CSS da bi zadovoljili vašo radovednost.
In ta spletna aplikacija gre toliko globlje kot prikazovanje vseh barv za slogovno tabelo. Lahko si ogledate vse vrednosti indeksa z, vse velikosti pisav, vse medijske poizvedbe in celo videli graf vizualne specifičnosti.
Ta aplikacija pokriva toliko, da je praktično nemogoče porabiti vse v enem sedenju. To vam bo dala ogromen pregled nad katero koli spletno stranjo prikaže, kaj je v njihovem slogu.
Če želite začeti, obiščite spletno mesto CSS Stats in priključite kateri koli URL si želiš. Izbirate lahko tudi med številnimi predlaganimi spletnimi mesti, kot so Facebook, Apple in Pinterest (med drugim).
Na strani z rezultati boste videli skupna velikost datoteke CSS v kilobajtih, skupaj s seznamom najpogosteje uporabljene lastnosti in deklaracije. Vse to se zdi kot en dolg seznam številk, da lahko na začetku zmede.
Ampak bolj ko uporabljate to aplikacijo, je bolj zabavno! Tukaj je a seznam vsega boste našli na strani s statističnimi podatki:
- Skupaj # od lastnosti, izbirnikov, in pravila
- Vse barv pisave s primeri in šestnajstiškimi kodami
- Vse barve ozadja s primeri in šestnajstiškimi kodami
- Vse velikosti pisav s primeri
- Seznam družine pisav
- Seznam vseh vrednosti indeksa z
- Bar grafikona skupne / edinstvene deklaracije CSS
- Graf specifičnosti
- Skupaj velikost pravilnika
- Vse medijske poizvedbe
- The neobdelana koda CSS skupaj z Povezave URL do posamezne datoteke CSS
CSS statistika je dovolj pametna, da potegne vse CSS datoteke in združite te podatke skupaj. Razvijalci so vložili veliko truda v to stvar, da bi jo pravilno obnesli.
Dodatni super del je popoln repozitorij GitHub izvorna koda za celoten projekt. Torej, lahko prenesete to in ponovno gostite na svojem strežniku (lokalno ali drugače), da se igrate, če želite kopati v kodo.
Imate možnost vlečenje katerekoli posamezne datoteke CSS ali razčlenjevanje vseh slogovnih slogov na eni domeni. Toliko se lahko naučite iz preučevanja tega orodja in ponuja globlji vpogled razvijalcem, ki se spustijo v podrobnosti.
Če želite sami preveriti, obiščite CSS Stats in priključite spletno mesto. Presenečeni boste, koliko podatkov je na voljo in koliko se lahko naučite iz tako enostavnega orodja.