Vizualizējiet jebkuru CSS stilu ar CSS statistiku
Kādreiz bija jautājums, cik CSS noteikumi ir stilu lapā? Vai esat kādreiz gribējuši redzēt vizuālā attēlošana no visas krāsas tiek izmantots vienā CSS failā? Ar CSS statistika, jūs varat pieslēgt jebkuru vietni un velciet virkni neapstrādātu CSS datu lai apmierinātu jūsu zinātkāri.
Un šī tīmekļa lietojumprogramma iet tik daudz dziļāk, nekā tikai parādot visas stilu lapas krāsas. Jūs varat vizualizēt visas z-indeksa vērtības, visi fonta izmēri, visi mediju vaicājumi un pat redzēt a vizuālās īpatnības grafiks.
Šī app aptver tik daudz, ka tas ir praktiski neiespējami patērēt visu vienā sēdē. Tas jums dos milzīgu pārskatu par jebkuru tīmekļa vietni demonstrē to, kas ir viņu stilu lapā.
Lai sāktu darbu, apmeklējiet vietni CSS Stats un pievienojiet jebkuru URL tu vēlies. Varat izvēlēties arī vairākas ieteiktās vietnes, piemēram, Facebook, Apple un Pinterest (cita starpā).
Rezultātu lapā redzēsiet kopējais CSS faila lielums kilobaitos, kā arī saraksts ar visbiežāk izmantotās īpašības un deklarācijas. Tas viss parādās kā viens garš skaitļu saraksts, lai sākumā tas varētu būt mulsinoši.
Bet jo vairāk jūs izmantojat šo lietotni, jo vairāk jautrības tas izpaužas! Lūk, a visu sarakstu jūs atradīsiet statistikas lapā:
- Kopā # no īpašības, selektori, un noteikumiem
- Visi fonta krāsas ar piemēriem un hex kodiem
- Visi fona krāsas ar piemēriem un hex kodiem
- Visi fonta lielumus ar piemēriem
- Saraksts fontu ģimenes
- Visu saraksts z-indeksa vērtības
- Svītru diagramma kopējās / unikālās CSS deklarācijas
- Specifiskuma grafiks
- Kopā noteikumi
- Visi mediju vaicājumi
- The neapstrādāts CSS kods kopā ar URL saites uz atsevišķus CSS failus
CSS statistika ir pietiekami gudra, lai vilktu visus CSS failus un apvienot šos datus kopā. Izstrādātāji veltīja daudz pūļu šai lietai, lai iegūtu to, lai tas darbotos pareizi.
Un papildus satriecošā daļa ir pilna GitHub repo ar visa projekta pirmkods. Tātad, jūs varat lejupielādēt šo un atkārtoti uzņemt to savā serverī (lokāli vai citādi), lai spēlētu apkārt, ja vēlaties ienest kodu.
Jums ir iespēja velkot jebkuru atsevišķu CSS failu vai visu stilu apkopošana vienā domēnā. Jūs varat mācīties no šī rīka izpētes, un tas sniedz dziļāku ieskatu izstrādātājiem, kuri nokļūst sīkās detaļās.
Lai pārbaudītu sevi, apmeklējiet CSS statistiku un pievienojiet vietni. Jūs būsiet pārsteigti, cik daudz datu ir pieejams un cik daudz jūs varat mācīties no šāda vienkāršota rīka.