Úvodná » toolkit » Vizualizujte akúkoľvek šablónu CSS s štatistikami CSS

    Vizualizujte akúkoľvek šablónu CSS s štatistikami CSS

    Čakalo ste niekedy, koľko pravidiel CSS obsahuje štýl? Alebo ste niekedy chceli vidieť a vizuálne zastúpenie z všetky farby používané v jednom súbore CSS? s CSS Štatistiky, môžete pripojiť akékoľvek webové stránky a vytiahnite veľa surových údajov CSS uspokojiť vašu zvedavosť.

    A táto webová aplikácia ide oveľa hlbšie ako len zobrazovanie všetkých farieb pre štýl šablóny. Môžete si ich predstaviť všetky hodnoty indexu z, všetky veľkosti písma, všetky mediálne dopyty a dokonca vidieť a graf vizuálnej špecifickosti.

    Táto aplikácia pokrýva toľko, že je prakticky nemožné spotrebovať všetko v jednom sedení. To vám dá obrovský prehľad o všetkých webových stránkach len predstavujú to, čo je v ich šablóne štýlov.

    Ak chcete začať, navštívte webovú lokalitu Štatistiky CSS a pripojte akúkoľvek adresu URL ktoré si želáte. Môžete si tiež vybrať z množstva navrhovaných stránok, ako sú Facebook, Apple a Pinterest (okrem iných).

    Na stránke s výsledkami uvidíte celková veľkosť súboru CSS v kilobajtoch, spolu so zoznamom najčastejšie používané vlastnosti a deklarácie. Toto všetko sa zobrazuje ako jeden dlhý zoznam čísel, takže môže byť najskôr nejasné.

    Ale čím viac používate túto aplikáciu, tým viac zábavy to dostane! Tu je a zoznam všetkého nájdete na stránke štatistiky:

    • Celkový počet z vlastnosti, selektory, a pravidlá
    • všetko farby písma s príkladmi a hexadecimálnymi kódmi
    • všetko farby pozadia s príkladmi a hexadecimálnymi kódmi
    • všetko veľkosť písma s príkladmi
    • Zoznam rodiny písiem
    • Zoznam všetkých z-index
    • Stĺpcový graf celkové / jedinečné deklarácie CSS
    • Špecifický graf
    • totálnej veľkosť súboru pravidiel
    • všetko mediálnych dopytov
    • surový kód CSS spolu s Odkazy na adresy URL na jednotlivých súborov CSS

    CSS štatistiky sú dosť chytré na to, aby vytiahli všetky súbory CSS a zlúčiť tieto údaje dohromady. Vývojári vynaložili veľa úsilia na to, aby to fungovalo správne.

    A mimoriadne úžasná časť je plná reputácia GitHub zdrojový kód pre celý projekt. Takže si môžete stiahnuť a znova ho hostite na svojom vlastnom serveri (lokálne alebo inak), aby ste si mohli prehrať, ak sa chcete do kódu skopírovať.

    Máte možnosť ťahaním akéhokoľvek individuálneho súboru CSS alebo analyzovať všetky šablóny so štýlmi na jednej doméne. Existuje toľko, koľko sa môžete naučiť od štúdia tohto nástroja a ponúka hlbší pohľad na vývojárov, ktorí sa dostanú do drobných detailov.

    Ak chcete otestovať sami seba, navštívte CSS štatistiky a pripojte webovú stránku. Budete sa diviť, koľko údajov je k dispozícii a koľko sa môžete naučiť z takého zjednodušujúceho nástroja.