फ्रंट-एंड डेवलपर्स के रूप में, हमने पिछले कुछ वर्षों में बहुत सी चीजों की कामना की है - सीएसएस में चीजों को केंद्रित करने के तरीके, शैलियों को एनकैप्सुलेट करना, एक तत्व का पहलू अनुपात निर्धारित करना, हमारे रंगों पर बेहतर नियंत्रण प्राप्त करना, इसके आधार पर एक तत्व का चयन करना बच्चों के गुण, विशिष्टता की परतों का प्रबंधन करते हैं, तत्वों को उनके माता-पिता की चौड़ाई पर प्रतिक्रिया करने की अनुमति देते हैं ... सूची आगे बढ़ती है।
और अब जब हमें वह सब मिल गया जिसकी हम कामना करते थे और उससे भी अधिक, हम में से कुछ पूछ रहे हैं - क्या अब हमारे पास है? बहुत ज्यादा सीएसएस?
काला समय
यदि आप, मेरी तरह, सीएसएस के बचपन के दौरान वेब विकास में आए, तो इसके बहुत अधिक होने का विचार हास्यास्पद लगता है।
उन दिनों में, वस्तुतः एक फ्रंट-एंड डेवलपर के संपूर्ण कार्य विवरण में CSS की सीमाओं से निपटना शामिल था। क्लियरफिक्स हैक फ्लोट साफ़ करने के लिए, 100% पैडिंग हैक वर्ग विभाजन बनाने के लिए, इंटरनेट एक्सप्लोरर को अपनी बोली लगाने के लिए छल करने के लिए अर्ध-बेतरतीब ढंग से असंबंधित गुणों को लागू करने का उल्लेख नहीं करना।
उस समय, ब्राउज़र एक कुटिल दुश्मन था जिसे सरासर चालाक और रहस्यमय मंत्रों के माध्यम से हराया जाना था। आज, आदर्श संपत्ति प्रतीक्षा कर रही है और एमडीएन पर बस एक कॉपी-पेस्ट दूर है।
सीएसएस का नया युग
लेकिन आज चीजें बहुत अलग हैं: न केवल चीजें बहुत तेजी से आगे बढ़ रही हैं, बल्कि ब्राउज़र विक्रेता वास्तव में परवाह डेवलपर्स को खुश करने के बारे में! मुझे पता है, मुझे भी विश्वास नहीं हो रहा था। लेकिन मैं सालाना चलाता हूं सीएसएस की स्थिति डेवलपर सर्वेक्षण (जो है अभी खोलो रास्ते से - जाओ ले लो!) और मैं इस तथ्य के बारे में जानता हूं कि ब्राउज़र विकास दल अपने रोडमैप को सूचित करने के लिए सर्वेक्षण परिणामों (कई अन्य डेटा बिंदुओं के बीच) का उपयोग करते हैं।
इसके अलावा, Google ने सर्वेक्षण पर मेरे काम को वित्तपोषित करने में भी मदद की है, और यहां तक कि किराए पर भी लिया है ली वेरौ इस वर्ष के सर्वेक्षण प्रश्नों के चयन का बीड़ा उठाने के लिए।
यह सिर्फ गूगल नहीं है। सफारी और ऐप्पल को सामान्य रूप से (कभी-कभी योग्य रूप से) को कोसना फैशनेबल हो गया है, लेकिन आप इस बात से इनकार नहीं कर सकते कि कोई व्यक्ति कितना भावुक है जेन सिमंस डेवलपर्स को सुनने और वेब को बेहतर बनाने के बारे में है।
और न केवल ब्राउज़र विक्रेता स्वयं ही CSS में सुधार कर रहे हैं; वे युद्ध की रेखाओं में भी सहयोग कर रहे हैं जैसे पहल के साथ इंटरोप 2023 ब्राउज़रों के बीच विसंगतियों और असंगतियों को कम करने में मदद करने के लिए।
अच्छी वस्तुओं की अधिकता?
इन सबका नतीजा यह है कि अब हमें सीएसएस के धन की शर्मिंदगी का सामना करना पड़ रहा है, और इसे पकड़ना मुश्किल हो सकता है। सीएसएस ग्रिड लगभग पांच साल पहले प्रमुख ब्राउज़रों में समर्थित होना शुरू हुआ, फिर भी मैं हर बार जब भी इसका उपयोग करता हूं तो मैं एक संदर्भ की जांच करता हूं। और जितना मस्त सबग्रिड ऐसा लगता है, मैंने अभी तक इसे आजमाया भी नहीं है।
चयन की प्रक्रिया के दौरान सीएसएस की स्थिति में किस सीएसएस को शामिल करना है या नहीं?, ली और मैंने कई विशेषताओं पर विचार किया, लेकिन हमने भी काफी कुछ को खारिज कर दिया। सुविधा के कुछ उदाहरण हम नहीं था शामिल हैं:
- RSI
linear()आसान कार्य, जो आपको अधिक विवरण के साथ ईजिंग कर्व्स को परिभाषित करने देता है। - RSI
env()समारोह, जो आपको ब्राउज़र या डिवाइस द्वारा परिभाषित चरों का उपयोग करने देता है। - RSI
scrollbar-widthसंपत्ति, जो स्क्रॉलबार की उपस्थिति को नियंत्रित करने में मदद करती है। - RSI
margin-trimसंपत्ति, जो आपको कंटेनर के बच्चों के मार्जिन के व्यवहार को नियंत्रित करने देती है।
ये सभी संभावित रूप से बहुत उपयोगी हैं, और पिछले वर्षों के सीएसएस सूखे के दौरान सभी बड़ी खबरें होतीं। लेकिन आज के संदर्भ में उन्हें हैस () चयनकर्ता या सीएसएस नेस्टिंग जैसी बड़ी घोषणाओं के साथ ध्यान आकर्षित करने के लिए संघर्ष करना पड़ता है!
जोश में नहीं
सिल्वेस्टर बिस्त्रोविक के रूप में लिखते हैं, वह "इन सभी नई सीएसएस सुविधाओं के बारे में उत्साहित नहीं है।" इसे ट्विटर पर एक प्रतिध्वनि मिली, जिसमें सारा सूईदान यह बताते हुए कि वह जिस चीज की परवाह करती है वह है "व्यावहारिकता, न कि इस समय कोई विशेषता कितनी चमकदार दिखती है।"
यह एक नकारात्मक दृष्टिकोण की तरह लग सकता है, लेकिन मुझे लगता है कि यह समझ में आता है। किसी से भी इतनी सारी नई सुविधाओं के साथ बने रहने की उम्मीद नहीं की जा सकती है!
एक और अनपेक्षित (या शायद, इरादा?) परिणाम यह है कि सीएसएस जितना अधिक जटिल हो जाता है, उतना ही यह किसी भी नई कंपनी के लिए एक ब्राउज़र इंजन विकसित करने के लिए बार उठाता है - जब सभी को बनाए रखने और दस्तावेज करने की बात आती है तो अतिरिक्त कार्यभार के बारे में कुछ भी नहीं कहने के लिए इन नई सुविधाओं।
सीएसएस ओवररीच
वहाँ भी बहुत वैध चिंता है कि सीएसएस उन क्षेत्रों में शाखा कर सकता है जो इसे संभालने के लिए बिल्कुल उपयुक्त नहीं हैं। यह एक और बात है सारा सूइदान ने नए सीएसएस टॉगल प्रायोगिक कार्यान्वयन पर प्रतिक्रिया करते समय बताया (यहाँ एक टिकट पर चर्चा कर रहा है):
कई लोगों ने यह तर्क दिया है कि इस तरह के व्यवहार को पूरी तरह से CSS के माध्यम से टॉगल स्थिति को प्रबंधित करने के बजाय एक नए HTML तत्व द्वारा सबसे अच्छा नियंत्रित किया जाएगा, और यह सुनिश्चित करने के लिए कि CSS सबसे अच्छा माध्यम नहीं हो सकता है कि एक्सेसिबिलिटी मुद्दों को ठीक से संबोधित किया जाए।
जब CSS किसी ऐसी चीज़ को अपने हाथ में ले लेता है जिसे पहले JavaScript के माध्यम से संभाला जाता था, तो इसे आम तौर पर एक अच्छी बात के रूप में देखा जाता है, क्योंकि यह अक्सर ब्राउज़र द्वारा लोड किए जाने वाले कोड की मात्रा को कम कर देता है। इसलिए, मैं सीएसएस टॉगल के बारे में सावधानी से आशावादी हूं और मुझे विश्वास है कि सीएसएस वर्किंग ग्रुप समुदाय की चिंताओं को ठीक से संबोधित करेगा। लेकिन एक दिन अभी भी आ सकता है जब हमें चिंता होने लगती है कि सीएसएस अपनी सीमाओं से आगे बढ़ रहा है और एचटीएमएल और जावास्क्रिप्ट की जिम्मेदारियों का अतिक्रमण कर रहा है।
नई उम्मीदें
और शायद इसे बदलने की जरूरत है: शायद हमें उस उम्मीद को छोड़ देना चाहिए जो सीएसएस डेवलपर्स को पता होनी चाहिए सब सीएसएस का?
यह अपेक्षा उन दिनों से उपजी है जब सीएसएस एक विचार था, उस छोटे से कष्टप्रद वाक्यविन्यास को आपको अपने बटन को नीला और बोल्ड बनाना सीखना था जैसे क्लाइंट ने पूछा था। लेकिन मुझे लगता है कि हमें यह स्वीकार करने की आवश्यकता है कि आज का सीएसएस एक व्यक्ति के लिए बहुत बड़ा हो सकता है, विशेष रूप से अन्य फ्रंट-एंड कर्तव्यों के अतिरिक्त।
As मिशेल बार्कर कहते हैं:
और यहीं पर मैं, खुद, अंत में उतरता हूं। मैंने इस तथ्य के साथ अपनी शांति बना ली है कि मैं शायद कभी भी उपयोग नहीं करूंगा - या यहां तक कि सभी संभावित सीएसएस सुविधाओं के बारे में भी जानता हूं। और यह किसी ऐसे व्यक्ति से आ रहा है जो CSS के बारे में एक सर्वेक्षण चलाता है!
लेकिन ये नई सुविधाएँ निश्चित रूप से उपयोगी होंगी कोई. कोई उनके बारे में ब्लॉग पोस्ट लिखेगा, उनके साथ कूल कोडपेन बनाएगा, उनके बारे में बातचीत करेगा। वह व्यक्ति एक शांत, युवा, ऊर्जावान विकासकर्ता होगा जिसके पास अभी भी अपने सारे बाल हैं। दूसरे शब्दों में, यह मैं नहीं होगा - और यह ठीक है।
और हो सकता है कि आप इस बात से चिंतित हों कि यह नया डेवलपर उन सभी चीजों से अभिभूत हो जाएगा जो उन्हें एक ही बार में सीखनी हैं। लेकिन उन सभी बातों का ध्यान जरूर रखें नहीं होगा के बारे में सीखना होगा, ठीक है क्योंकि इसे इन नए विकल्पों से बदल दिया गया है। मुझे पता है कि मैं वह सौदा कभी भी लूंगा।
लेकिन इसके बारे में सोचें: पिछले कुछ वर्षों में, हमने न केवल उन उपकरणों की संख्या में भारी वृद्धि देखी है जिन्हें हमें पूरा करने की आवश्यकता है, हमने यह भी पहचानना शुरू कर दिया है कि हम सभी थोड़े अलग तरीके से वेब का उपभोग करते हैं, चाहे देय हो विकलांग, वर्तमान संदर्भ, या सिर्फ व्यक्तिगत प्राथमिकताओं के लिए। क्या CSS को इस नई वास्तविकता के अनुकूल नहीं होना चाहिए?
अब, मुझे यह स्वीकार करना होगा कि इस सब ने मुझे थोड़ा उदासीन महसूस कराया है ... इसलिए क्षमा करें जब मैं एक युगल तैरता हूं, केवल पुराने समय के लिए।
जैसा कि मैंने उल्लेख किया है, वार्षिक सीएसएस सर्वेक्षण की स्थिति अब खुला है। चाहे आपको लगता है कि बहुत अधिक सीएसएस है या नहीं, सर्वेक्षण ब्राउज़र डेवलपर्स को यह बताने का एक शानदार तरीका है कि आप कैसा महसूस करते हैं, इसलिए जाओ इसे भर दो अगर आपके पास 10 मिनट हैं।
