CSS मिनिफ़ायर और ब्यूटिफ़ायर - दबाएँ या खोलें
CSS मिनिफ़ायर और ब्यूटिफ़ायर
यह टूल क्या करता है
एक ही स्टाइलशीट पर दो उलटे काम। मिनिफ़ाइंग वही हटाती है जो सिर्फ़ इंसान को चाहिए — टिप्पणियाँ और इंडेंट। ब्यूटिफ़ाइंग उन्हें वापस रखती है, ताकि विरासत में मिली फ़ाइल पढ़ने लायक़ हो जाए। दोनों आपके दिए टेक्स्ट पर काम करते हैं और दोनों CSS के अर्थ को नहीं छूते।
इसे कैसे इस्तेमाल करें
- 1 CSS चिपकाएँ — पूरी फ़ाइल या बस एक नियम।
- 2 दबाने के लिए मिनिफ़ाई दबाएँ, या इंडेंट के साथ खोलने के लिए सुंदर बनाएँ।
- 3 बाइट देख लें, फिर नतीजा कॉपी करें।
सिलेक्टर में स्पेस सजावट नहीं है
".a .b" किसी .a के भीतर के .b को चुनता है; ".a.b" उस एक तत्व को जिस पर दोनों क्लास हैं। ये अलग सिलेक्टर हैं, और स्पेस को फ़ालतू मानने वाला मिनिफ़ायर चुपचाप ग़लत तत्वों को रंग देता है। यहाँ सिलेक्टर के दो हिस्सों के बीच का स्पेस हमेशा बचता है; सिर्फ़ > और + जैसे कॉम्बिनेटर के आसपास वाला हटता है।
calc() को उसके स्पेस चाहिए
"calc(100% - 10px)" में माइनस के दोनों ओर के स्पेस व्याकरण की माँग हैं: उनके बिना ब्राउज़र "-10px" को ऋणात्मक लंबाई पढ़ता है, अभिव्यक्ति अमान्य हो जाती है और पूरी घोषणा फेंक दी जाती है। कोई चेतावनी नहीं मिलती — लेआउट बस ग़लत निकलता है। यह टूल कोष्ठक के भीतर की ख़ाली जगह कभी नहीं हटाता।
लाइसेंस टिप्पणियाँ बनी रहती हैं
/*! से शुरू होने वाली टिप्पणी में कॉपीराइट या लाइसेंस की सूचना होती है, और परंपरा से हर मिनिफ़ायर उसे रखता है। उसे हटाना उस श्रेय को मिटाना है जिसे कोई लाइब्रेरी साथ भेजने को कहती है। सामान्य /* टिप्पणियाँ आपके और आपकी टीम के लिए हैं, इसलिए वे हट जाती हैं।
CSS मिनिफ़ाई करना gzip जितना नहीं देता
सर्वर स्टाइलशीट को भेजते समय पहले ही दबा देते हैं, और gzip दोहराई गई ख़ाली जगह पर बहुत अच्छा है — इसलिए उसके ऊपर मिनिफ़ाई करने से आम तौर पर कुछ प्रतिशत बचता है, आधा नहीं। यह इसलिए करें कि जो फ़ाइल लाइव जाती है वही है और आप उसे छोटा और स्थिर चाहते हैं, इसलिए नहीं कि पेज साफ़ तौर पर तेज़ हो जाएगा।