Visualisasikan Any Stylesheet CSS dengan CSS Statistics
Pernah tertanya-tanya berapa banyak peraturan CSS yang terdapat dalam lembaran gaya? Atau adakah anda pernah mahu melihat perwakilan visual daripada semua warna digunakan dalam satu fail CSS? Dengan CSS Stats, anda boleh pasang dalam mana-mana laman web dan tarik sekumpulan data CSS mentah untuk memuaskan rasa ingin tahu anda.
Dan aplikasi web ini jauh lebih mendalam daripada hanya menunjukkan semua warna untuk stylesheet. Anda boleh memvisualisasikan semua nilai z-indeks, semua saiz fon, semua pertanyaan media dan juga melihat a grafik khusus visual.
Aplikasi ini merangkumi begitu banyak yang mustahil untuk menggunakan segala-galanya dalam satu persatu. Ia akan memberi anda gambaran keseluruhan laman web mana-mana sahaja mempamerkan apa yang ada dalam helaian gaya mereka.
Untuk bermula, layari laman web CSS Stats dan palam mana-mana URL anda mahu. Anda juga boleh memilih dari beberapa laman web yang disyorkan seperti Facebook, Apple, dan Pinterest (antara lain).
Pada halaman keputusan, anda akan melihat jumlah saiz fail CSS dalam kilobytes, bersama dengan senarai sifat yang paling sering digunakan & perisytiharan. Ini semua muncul sebagai satu senarai panjang supaya dapat mengelirukan untuk dibaca pada mulanya.
Tetapi semakin banyak anda menggunakan aplikasi ini semakin menyeronokkan! Inilah a senarai segala-galanya anda akan dapati pada halaman statistik:
- Jumlah # daripada hartanah, pemilih, dan peraturan
- Semua warna fon dengan contoh & kod hex
- Semua warna latar belakang dengan contoh & kod hex
- Semua saiz fon dengan contoh
- Senarai keluarga font
- Senarai semua nilai z-indeks
- Carta bar dari pengisytiharan CSS jumlah / unik
- Grafik spesifikasi
- Jumlah saiz peraturan
- Semua pertanyaan media
- The kod CSS mentah bersama dengan Pautan URL kepada fail CSS individu
CSS Stats cukup pintar untuk menarik semua fail CSS dan menggabungkan data itu bersama-sama. Para pemaju meletakkan banyak usaha ke dalam perkara ini untuk mendapatkannya tepat.
Dan, bahagian yang hebat adalah repo GitHub penuh dengan kod sumber untuk keseluruhan projek. Jadi, anda boleh memuat turun ini dan sambung semula pada pelayan anda sendiri (secara tempatan atau sebaliknya) untuk bermain-main jika anda ingin menggali kod tersebut.
Anda mempunyai pilihan menarik mana-mana fail CSS individu atau menguraikan semua stylesheets pada satu domain. Terdapat begitu banyak yang anda boleh belajar dari mempelajari alat ini dan ia memberikan wawasan yang lebih mendalam untuk pemaju yang masuk ke butiran.
Untuk menguji sendiri, lawati CSS Stats dan palamkan tapak web. Anda akan kagum betapa banyak data yang ada dan berapa banyak yang dapat anda pelajari dari alat mudah seperti itu.
