تصور أي ورقة أنماط CSS مع إحصائيات CSS
هل تساءلت يومًا عن عدد قواعد CSS الموجودة في ورقة أنماط؟ أو هل تريد أن ترى أ التمثيل البصري من كل الألوان المستخدمة في ملف CSS واحد؟ مع إحصائيات CSS, يمكنك سد العجز في أي موقع و سحب مجموعة من بيانات CSS الخام لإرضاء فضولك.
ويتيح تطبيق الويب هذا أعمق بكثير من مجرد عرض جميع ألوان ورقة الأنماط. يمكنك تصور جميع قيم مؤشر z, جميع أحجام الخطوط, جميع استفسارات وسائل الإعلام وحتى نرى الرسم البياني خصوصية البصرية.
يغطي هذا التطبيق الكثير بحيث يستحيل عملياً استهلاك كل شيء في جلسة واحدة. سوف يوفر لك نظرة عامة هائلة على أي موقع ويب فقط عرض ما في ورقة الأنماط الخاصة بهم.
للبدء ، تفضل بزيارة موقع CSS Stats و سد العجز في أي URL انت تتمنى. يمكنك أيضًا الاختيار من بين عدد من المواقع المقترحة مثل Facebook و Apple و Pinterest (من بين مواقع أخرى).
في صفحة النتائج ، سترى إجمالي حجم ملف CSS بالكيلو بايت ، جنبا إلى جنب مع قائمة من الخصائص والإعلانات الأكثر شيوعا. يظهر كل هذا كقائمة طويلة واحدة من الأرقام بحيث يمكن أن يكون مربكًا في البداية.
ولكن كلما زاد استخدامك لهذا التطبيق ، كلما زاد متعة الاستمتاع به! هنا أ قائمة كل شيء ستجد في صفحة الإحصائيات:
- مجموع ال الخصائص, محددات, و قواعد
- الكل ألوان الخط مع أمثلة ورموز عرافة
- الكل ألوان الخلفية مع أمثلة ورموز عرافة
- الكل أحجام الخطوط مع الأمثلة
- قائمة من أسر الخط
- قائمة جميع قيم مؤشر z
- شريط الرسم البياني لل إجمالي / إعلانات CSS فريدة من نوعها
- الرسم البياني خصوصية
- مجموع حجم القواعد
- الكل تساؤلات الإعلام
- ال كود CSS الخام مع روابط URL إلى ملفات CSS الفردية
إحصائيات CSS ذكية بما يكفي لسحب جميع ملفات CSS و دمج هذه البيانات معا. بذل المطورون الكثير من الجهد في هذا الشيء لجعله يعمل بشكل صحيح.
والجزء الإضافي الرائع هو ريبو جيثب الكامل شفرة المصدر للمشروع بأكمله. لذلك ، يمكنك تحميل هذا و إعادة استضافته على الخادم الخاص بك (محليًا أو غير ذلك) للتجول إذا كنت تريد الحفر في التعليمات البرمجية.
لديك خيار سحب أي ملف CSS فردي أو تحليل جميع الأنماط على مجال واحد. هناك الكثير الذي يمكنك تعلمه من دراسة هذه الأداة ويوفر نظرة أعمق للمطورين الذين يتفقدون التفاصيل الدقيقة.
لاختبار نفسك ، فقط قم بزيارة CSS Stats وقم بتوصيل أحد مواقع الويب. ستندهش من مقدار البيانات المتاحة والمقدار الذي يمكنك تعلمه من هذه الأداة المبسطة.
