Zamislite bilo koji CSS stil s CSS statistikom
Jeste li se ikada zapitali koliko je CSS pravila u stilu? Ili ste ikada željeli vidjeti vizualni prikaz od sve boje se koristi u jednoj CSS datoteci? S CSS statistika, možete priključiti bilo koju web-lokaciju i povući hrpu sirovih CSS podataka da zadovolji vašu znatiželju.
A ova web-aplikacija ide mnogo dublje nego samo prikazivanje svih boja za stilsku ploču. Možete vizualizirati sve vrijednosti z-indeksa, sve veličine fonta, svi medijski upiti pa čak i vidjeti graf vizualne specifičnosti.
Ovaj app pokriva toliko da je praktički nemoguće konzumirati sve u jednom sjedenju. To će vam dati ogroman pregled bilo koje web stranice samo po prikazuje ono što je u njihovoj stilskoj tablici.
Da biste započeli, posjetite web-lokaciju CSS Stats i uključite bilo koji URL ti želiš. Možete odabrati i brojne predložene web-lokacije kao što su Facebook, Apple i Pinterest (među ostalima).
Na stranici s rezultatima vidjet ćete ukupna veličina CSS datoteke u kilobajtima, zajedno s popisom najčešće korištena svojstva i izjave. Sve se to pojavljuje kao jedan dugačak popis brojeva tako da u početku može biti zbunjujuće.
Ali što više koristite ovu aplikaciju to je zabavnije! Evo jednog popis svega naći ćete na stranici sa statistikama:
- Ukupno # od nekretnine, selektora, i pravila
- svi boje fonta s primjerima i hex kodovima
- svi boje pozadine s primjerima i hex kodovima
- svi veličine fonta s primjerima
- Popis obitelji fontova
- Popis svih vrijednosti z-indeksa
- Stolni grafikon ukupne / jedinstvene CSS izjave
- Graf specifičnosti
- ukupno veličina pravila
- svi medijski upiti
- sirovi CSS kod zajedno s URL veze prema pojedinačne CSS datoteke
CSS statistika je dovoljno pametna da povuče sve CSS datoteke i spojite te podatke zajedno. Programeri su uložili puno truda u ovu stvar kako bi je ispravno radili.
A, dodatni strašan dio je pun GitHub repo s izvorni kod za cijeli projekt. Dakle, možete preuzeti ovu i ponovno ga domaćin na vlastitom poslužitelju (lokalno ili na drugi način) da se poigrate ako želite upisati kod.
Imate mogućnost povlačenjem bilo koje pojedinačne CSS datoteke ili raščlanjivanje svih stilova na jednoj domeni. Toliko toga možete naučiti iz proučavanja ovog alata i nudi dublji uvid za programere koji se spuštaju u detalje.
Da biste sami testirali, posjetite CSS Stats i uključite web-lokaciju. Bit ćete zaprepašteni koliko je podataka dostupno i koliko možete naučiti iz takvog pojednostavljenog alata.