CSS मिनिफ़ायर और ब्यूटिफ़ायर

इसका इस्तेमाल कैसे करें

1. अपनी स्टाइलशीट CSS में चिपकाएँ। स्ट्रिंग और url() जैसे हैं वैसे ही रहते हैं।
2. मोड को मिनिफ़ाई पर रखें ताकि CSS छोटा हो, या ब्यूटिफ़ाई चुनें ताकि वह पढ़ने में आसान हो।
3. पहले के बाइट और बाद के बाइट की तुलना करें और देखें कितनी बचत हुई।
4. परिणाम कॉपी करें, या उसे styles.css के रूप में डाउनलोड करें।

मिनिफ़ाई क्या हटाता है और क्या रखता है

CSS टिप्पणी /* से */ तक चलती है और हटाई जाती है, सिवाय उस सूचना के जो /*! से शुरू होती है, जिसे टूल लाइसेंस या श्रेय के लिए रखता है। CSS Syntax specification टिप्पणी को परिभाषित करता है, और टूल स्ट्रिंग और url() टोकन उन्हीं नियमों से पढ़ता है, इसलिए उनकी सामग्री जैसी है वैसी ही कॉपी होती है।

खाली जगह वहाँ हटती है जहाँ व्याकरण को उसकी जरूरत नहीं: कोष्ठकों के आसपास, कॉमा, घोषणाओं में कोलन के आसपास, और विस्मयादिबोधक चिह्न से पहले। ब्लॉक का आखिरी सेमीकोलन जाता है, क्योंकि बंद कोष्ठक ब्लॉक वैसे भी खत्म कर देता है। सिलेक्टर में कोलन से पहले की जगह रहती है, क्योंकि .card :hover का मतलब .card:hover से अलग है।

a { color : red ; }  बनता है  a{color:red}

रंग, शून्य और जो छोटापन नहीं किया जाता

हेक्स रंग जिसके जोड़े दोहराते हों, तीन या चार अंकों में लिखा जाता है: #ffffff बनता है #fff, और #aabbccdd बनता है #abcd। अक्षर छोटे लिखे जाते हैं। सिलेक्टर में रंग कभी नहीं बदला जाता, क्योंकि #aabbcc जैसा सिलेक्टर एक id का नाम है।

मान के शुरू में 0px की लंबाई 0 बन जाती है। calc() जैसे फ़ंक्शन के भीतर, और दो हाइफ़न से शुरू होने वाले कस्टम प्रॉपर्टी में, लंबाई वैसी ही छोड़ी जाती है, क्योंकि हर संदर्भ में अकेला 0 लंबाई नहीं पढ़ा जाता। ब्यूटिफ़ाई कोई रंग या लंबाई नहीं बदलता।

• आकार UTF-8 बाइट में गिने जाते हैं, जैसे सर्वर फ़ाइल भेजता है; उच्चारण-चिह्न वाला अक्षर, जैसे é, दो बाइट लेता है।
• मिनिफ़ाई के बाद पेज जाँचें, क्योंकि पुराने ब्राउज़र के एक दुर्लभ हैक में वह खाली जगह हो सकती है जो मिनिफ़ायर हटाता है।

अक्सर पूछे जाने वाले सवाल