דמיינו כל גיליון סגנונות CSS עם סטטיסטיקת CSS
תהית פעם כמה כללי CSS נמצאים בגיליון סגנונות? או האם אי פעם רצית לראות ייצוג ויזואלי of כל הצבעים בשימוש בקובץ CSS אחד? עם סטטיסטיקת CSS, אתה יכול לחבר כל אתר אינטרנט למשוך חבורה של נתוני CSS גלם כדי לספק את סקרנותך.
וזה יישום אינטרנט הולך הרבה יותר עמוק מאשר רק מראה את כל הצבעים עבור styleheet. אתה יכול לדמיין כל ערכי המדד z, כל גדלי הגופנים, כל שאילתות התקשורת ואפילו לראות א גרף הספציפיות החזותית.
יישום זה מכסה כל כך הרבה שזה כמעט בלתי אפשרי לצרוך הכל בישיבה אחת. זה ייתן לך סקירה עצומה של כל אתר רק על ידי לראווה מה בגיליון הסגנונות שלהם.
כדי להתחיל, בקר באתר סטטיסטיקת CSS ו תקע כתובת אתר כלשהי היית רוצה. אתה יכול גם לבחור מתוך מספר אתרים הציע כגון פייסבוק, אפל, ו Pinterest (בין היתר).
בדף התוצאות, תראה את סה"כ גודל קובץ CSS ב kilobytes, יחד עם רשימה של המאפיינים הנפוצים ביותר & הצהרות. כל זה מופיע בתור רשימה ארוכה אחת של מספרים, כך שזה יכול להיות מבלבל לקרוא בהתחלה.
אבל ככל שאתה משתמש ביישום זה יותר כיף זה מקבל! הנה רשימה של הכל תמצא בדף הנתונים הסטטיסטיים:
- סך הכל נכסים, סלקטורים, ו כללים
- את כל צבעי גופן עם דוגמאות & קודים hex
- את כל צבעי רקע עם דוגמאות & קודים hex
- את כל גדלי גופנים עם דוגמאות
- רשימה של משפחות גופנים
- רשימה של כל ערכי Z-index
- תרשים בר של סה"כ / הצהרות CSS ייחודיות
- גרף הייחודיות
- סך הכל גודל ערכת
- את כל שאילתות מדיה
- ה קוד CSS גלם ביחד עם קישורים לכתובות אתרים אל ה קבצי CSS בודדים
סטטיסטיקת CSS הוא חכם מספיק כדי למשוך את כל קבצי CSS ו למזג את הנתונים יחד. היזמים לשים הרבה מאמץ לתוך הדבר הזה כדי לקבל את זה עובד בדיוק כמו שצריך.
בנוסף, חלק מדהים נוסף הוא ריפו GitHub מלא עם קוד המקור של הפרויקט כולו. אז, אתה יכול להוריד את זה לארח אותו מחדש על השרת שלך (מקומית או אחרת) לשחק מסביב אם אתה רוצה לחפור את הקוד.
יש לך את האפשרות משיכת כל קובץ CSS אישי או ניתוח כל גליונות הסגנונות על דומיין אחד. יש כל כך הרבה אתה יכול ללמוד מ לומד את הכלי הזה והוא מציע תובנה עמוקה יותר עבור מפתחי מי לרדת לפרטים nitty-gritty.
כדי לבדוק בעצמך, פשוט בקר ב- CSS נתונים סטטיסטיים וחבר אתר. אתה תהיה מופתע כמה נתונים זמין וכמה אתה יכול ללמוד כלי פשטני כזה.