नेटिव CSS के साथ Firefox.com का पुनर्निर्माण

मोजिला और लिंकन लूप ने आधुनिक नेटिव CSS के साथ Firefox.com का पुनर्निर्माण किया, कोई प्रीप्रोसेसर नहीं, जिससे 2008 के CSS Zen Garden के सपने को पूरा किया गया। उस समय, सीमित CSS गुणों ने ब्राउज़र असंगत रेंडरिंग की वजह से हैक, सर्वर-साइड प्रोसेसिंग और टेबल-आधारित लेआउट पर निर्भरता बढ़ा दी।

आज, कस्टम प्रॉपर्टीज, ग्रिड और फ्लेक्सबॉक्स ने उस अंतराल को बंद कर दिया है, जिससे साफ, पुनर्योज्य डिज़ाइन सिस्टम संभव हो गए हैं। Firefox.com के पुनर्निर्माण में 70 से अधिक कंपोनेंट और 25 पृष्ठ टेम्प्लेटेट शामिल हैं, जो Wagtail कंपोनेट के रूप में हैं, जो 19 लोकलेटेट सपोर्ट करते हैं, जिससे कंटेंट टीमें बिना इंजीनियरिंग मदद के पृष्ठ बना सकती हैं।

प्रोडक्शन में PostCSS केवल @import बयोरे इनलाइन करने के लिए उपयोग किया जाता है, जैसे-जैसे परफॉर्मेंस समस्याएं आती हैं, जबकि लिखा गया CSS सादा, नेटिव CSS है जिसके लिए कोई बिल्ड स्टेप की आवश्यकता नहीं है।

प्रोजेक्ट यह पुष्टि करता है कि अब ब्राउज़र वह भाषा बोलता है जिसे डिज़ाइनर लिखते हैं, जिससे दो दशकों की कल्पना साकार हुई। प्रभावशाली व्यक्तियों में शामिल हैं: निकोल सुलिवन, राचेल एंड्रू, जेन सिमोन्स, क्रिस कोयियर, केसी केली और एरिक मेयर, जिनके कार्य ने आधुनिक CSS विचारधारा को आकार दिया।

मूल्य यह है: डिज़ाइन सिस्टम जहां सही विकल्प आसान हो, और डिज़ाइनर की इच्छा सीधे प्रोडक्शन में जाती है।

प्रमुख इकाइयां:

कंपनियां: मोजिला, लिंकन लूप

व्यक्ति: डेव शिया, निकोल सुलिवन, राचेल एंड्रू, जेन सिमोन्स, क्रिस कोयियर, केसी केली, एरिक मेयर, जो स्प्रग

प्रश्नोत्तरी:

प्रश्न: Firefox.com के पुनर्निर्माण के संदर्भ में 'कोई प्रीप्रोसेसर नहीं' का क्या मतलब है?

उत्तर: लिखा गया CSS सादा, नेटिव CSS है जिसे ब्राउज़र सीधे समझते हैं; PostCSS केवल प्रदर्शन समस्याओं के कारण प्रोडक्शन में @import बयोरे इनलाइन करने के लिए उपयोग किया जाता है, यह मुख्य स्टाइलिंग भाषा को बदलने के लिए नहीं है।