CSS ऑनलाइन अनमिनिफ़ाई करें
छोटी की गई स्टाइलशीट डालें और उसे फिर आसानी से पढ़ें। हर सिलेक्टर अलग पंक्ति में, हर डिक्लेरेशन अपनी पंक्ति पर और ब्लॉक व मीडिया क्वेरी ऐसे इंडेंट किए हुए मिलेंगे जैसे आप स्वयं लिखते।
प्रोडक्शन CSS एक लंबी पंक्ति क्यों होती है?
स्टाइलशीट भी स्क्रिप्ट की तरह आकार बचाने के लिए मिनिफ़ाई होती हैं। CSS रेंडरिंग को रोकती है, इसलिए बची हर बाइट पेज जल्दी दिखाने में मदद करती है। cssnano, Lightning CSS तथा Sass और PostCSS में शामिल ऑप्टिमाइज़र स्पेस और टिप्पणियाँ हटाते हैं, रंग के मान छोटे करते हैं, दोहराए गए नियम मिलाते हैं और हर ब्लॉक का अंतिम सेमीकोलन हटा देते हैं। यूटिलिटी फ़्रेमवर्क नतीजे को और घना बना देते हैं। कंपाइल की गई Tailwind स्टाइलशीट में हज़ारों छोटे नियम लगभग बिना किसी खाली जगह के जुड़े हो सकते हैं।
कैस्केड और स्पेसिफ़िसिटी को समझें
स्टाइलशीट फ़ॉर्मैट करने का मुख्य उद्देश्य यह समझना है कि कोई नियम लागू क्यों हो रहा है या क्यों नहीं। जब हर सिलेक्टर अलग पंक्ति में और उसके डिक्लेरेशन नीचे इंडेंट होकर दिखते हैं, तो कैस्केड को ठीक से देख सकते हैं। किसी एलिमेंट को लक्षित करने वाले सारे नियम खोजें, उनकी स्पेसिफ़िसिटी की तुलना करें, देखें कि कौन बाद में आता है और छूटा हुआ !important पकड़ें जो आपके बदलाव दबा रहा है। मीडिया क्वेरी और उनके भीतर के नियम अलग ब्लॉक में दिखते हैं, इसलिए रिस्पॉन्सिव व्यवहार समझना संकुचित फ़ाइल की तुलना में कहीं आसान होता है।
आधुनिक CSS भी समझी जाती है
फ़ॉर्मैटर आधुनिक CSS समझता है। कस्टम प्रॉपर्टी, calc और clamp एक्सप्रेशन, grid और flexbox के संक्षिप्त नियम, कंटेनर क्वेरी, नेस्टेड नियम, लेयर, supports ब्लॉक और keyframes सही तरह फ़ॉर्मैट होते हैं। सिलेक्टर की लंबी सूचियाँ कई पंक्तियों में बाँटी जाती हैं ताकि आप उन्हें पढ़ सकें। बिल्ड में बची टिप्पणियाँ रखी जाती हैं। यदि फ़ाइल में साधारण CSS के साथ ब्राउज़र विक्रेता के प्रीफ़िक्स वाली प्रॉपर्टी हों, तो दोनों बनी रहती हैं। उन्हें केवल साफ़ ढंग से व्यवस्थित किया जाता है।
कंपाइल किए फ़्रेमवर्क के लिए एक उपयोगी सुझाव
कंपाइल की गई Tailwind या Bootstrap स्टाइलशीट को फ़ॉर्मैट करने पर फ़ाइल जल्दी बहुत लंबी हो जाती है। दसियों हज़ार पंक्तियाँ होना सामान्य है। पंक्ति संख्याएँ चालू करें और स्क्रॉल करते रहने के बजाय ब्राउज़र के खोज फ़ंक्शन से ज़रूरी क्लास या प्रॉपर्टी ढूँढ़ें। यदि आपका लक्ष्य पढ़ने के बजाय फ़ाइल छोटी करना है, तो बिल्ड कॉन्फ़िगरेशन देखें। इस्तेमाल न होने वाले नियम मिनिफ़िकेशन चलने से पहले ही बन चुके थे, इसलिए उन्हें हटाने का सही अवसर बिल्ड प्रक्रिया में होता है।
अक्सर पूछे जाने वाले सवाल
क्या कंपाइल की गई Tailwind स्टाइलशीट अनमिनिफ़ाई कर सकता हूँ?
हाँ, और यह इस पेज के सबसे आम उपयोगों में से है। नतीजा बहुत लंबा होगा, क्योंकि फ़्रेमवर्क हर यूटिलिटी क्लास के लिए एक नियम बनाता है। उसमें रास्ता खोजने का व्यावहारिक तरीका पंक्ति संख्याएँ चालू करना और ब्राउज़र की खोज सुविधा इस्तेमाल करना है।
क्या टिप्पणियाँ वापस मिलती हैं?
केवल वे जो बची हुई हैं। अधिकांश मिनिफ़ायर कानूनी सूचना के रूप में चिह्नित टिप्पणियों को छोड़कर बाकी हटा देते हैं। हटने के बाद उन्हें वापस नहीं पाया जा सकता। फ़ॉर्मैटर फ़ाइल में बची टिप्पणियाँ रखता है और उन्हें सही तरह व्यवस्थित करता है।
क्या यह SCSS या Less पर काम करता है?
यह पेज साधारण CSS के लिए है, जिसे ब्राउज़र वास्तव में डाउनलोड करता है। वेरिएबल, मिक्सिन और SCSS या Less के खास नेस्टिंग सिंटैक्स वाले प्रीप्रोसेसर स्रोत इसके निर्धारित इनपुट नहीं हैं। हालाँकि मानक नेस्टेड CSS समर्थित है।