मुखपृष्ठ » टूलकिट » सीएसएस आँकड़े के साथ किसी भी सीएसएस स्टाइलशीट की कल्पना करें

    सीएसएस आँकड़े के साथ किसी भी सीएसएस स्टाइलशीट की कल्पना करें

    कभी सोचा है कि एक स्टाइलशीट में कितने सीएसएस नियम हैं? या क्या आप कभी ए देखना चाहते हैं दृश्य प्रतिनिधित्व का सभी रंग एक सीएसएस फ़ाइल में इस्तेमाल किया? साथ में सीएसएस आँकड़े, आप किसी भी वेबसाइट में प्लग इन कर सकते हैं और कच्चे सीएसएस डेटा का एक गुच्छा खींचो अपनी जिज्ञासा को पूरा करने के लिए.

    और यह वेब ऐप एक स्टाइलशीट के लिए सभी रंगों को दिखाने की तुलना में बहुत गहरा है। आप कल्पना कर सकते हैं सभी z- सूचकांक मान, सभी फ़ॉन्ट आकार, सभी मीडिया प्रश्न और यहां तक ​​कि एक देखें दृश्य विशिष्टता ग्राफ.

    यह ऐप इतना कवर करता है कि एक ही सिटिंग में हर चीज का उपभोग करना व्यावहारिक रूप से असंभव है। यह आपको किसी भी वेबसाइट का जबरदस्त अवलोकन देगा उनकी स्टाइलशीट में क्या है, यह दिखाते हुए.

    आरंभ करने के लिए, CSS आँकड़े वेबसाइट पर जाएँ और किसी भी URL में प्लग करें तुम चाहो। आप कई सुझाई गई साइटों जैसे फेसबुक, ऐप्पल, और Pinterest (दूसरों के बीच) से भी चुन सकते हैं.

    परिणाम पृष्ठ पर, आप देखेंगे कुल सीएसएस फ़ाइल का आकार किलोबाइट्स में, की एक सूची के साथ सबसे अधिक इस्तेमाल किया गुण और घोषणाएँ. यह सब संख्याओं की एक लंबी सूची के रूप में प्रकट होता है इसलिए यह पहली बार में पढ़ने के लिए भ्रामक हो सकता है.

    लेकिन जितना अधिक आप इस ऐप का उपयोग करेंगे उतना ही अधिक मज़ा आएगा! यहाँ एक है सब कुछ की सूची आपको आँकड़े पृष्ठ पर मिलेंगे:

    • कुल गुण, चयनकर्ताओं, तथा नियम
    • सब फ़ॉन्ट रंग उदाहरण और हेक्स कोड के साथ
    • सब पृष्ठभूमि के रंग उदाहरण और हेक्स कोड के साथ
    • सब फ़ॉन्ट आकार उदाहरणों के साथ
    • की सूची फ़ॉन्ट परिवार
    • सभी की सूची z- सूचकांक मान
    • का एक बार चार्ट कुल / अद्वितीय सीएसएस घोषणाएँ
    • विशिष्टता का ग्राफ
    • संपूर्ण नियमों का आकार
    • सब मीडिया के प्रश्नों
    • कच्चे सीएसएस कोड साथ में यूआरएल लिंक को व्यक्तिगत सीएसएस फ़ाइलें

    सीएसएस आँकड़े सभी सीएसएस फ़ाइलों और खींचने के लिए काफी स्मार्ट है उस डेटा को एक साथ मिला दें. डेवलपर्स ने इस काम में बहुत प्रयास किया ताकि इसे सही तरीके से काम किया जा सके.

    और, अतिरिक्त भयानक हिस्सा पूर्ण GitHub रेपो है संपूर्ण परियोजना के लिए स्रोत कोड. तो, आप इसे डाउनलोड कर सकते हैं और इसे फिर से होस्ट करें यदि आप कोड में खुदाई करना चाहते हैं तो अपने स्वयं के सर्वर पर (स्थानीय या अन्यथा) खेलने के लिए.

    आपके पास विकल्प है किसी भी व्यक्तिगत CSS फ़ाइल को खींचना या सभी स्टाइलशीट को पार्स करना एक ही डोमेन पर। इस टूल का अध्ययन करने से आप बहुत कुछ सीख सकते हैं और यह उन डेवलपर्स के लिए गहन जानकारी प्रदान करता है जो कि नॉटी-ग्रिट्टी विवरण में नीचे आते हैं.

    अपने लिए परीक्षण करने के लिए, बस CSS आँकड़े देखें और एक वेबसाइट में प्लग करें। आपको आश्चर्य होगा कि इस तरह के एक सरलीकृत उपकरण से कितना डेटा उपलब्ध है और आप कितना कुछ सीख सकते हैं.