सीएसएस और अधिक के भविष्य पर ली वेरौ

इस लेख का एक संपादित संस्करण पहली बार .net पत्रिका के अंक 225 में प्रकाशित हुआ - वेब डिजाइनरों और डेवलपर्स के लिए दुनिया की सबसे अधिक बिकने वाली पत्रिका।

@twostepmedia: वेब पेज में भारी भारोत्तोलन कहाँ किया जाना चाहिए? फ्रंट एंड में या बैकएंड में?
ली वेरौ: मैं क्लाइंट पर आप जो कुछ भी कर सकते हैं, करने का एक मजबूत समर्थक हूं। जब आपका कोड क्लाइंट पर चलता है, तो उसे हमेशा एक मशीन से निपटना होता है, चाहे आपका प्रोजेक्ट कितना भी सफल क्यों न हो जाए।

यदि आपका प्रोजेक्ट सफल होता है, तो सर्वर पर आप जो कुछ भी लिखते हैं, उसे प्रति सेकंड हजारों बार चलाने की आवश्यकता हो सकती है, इसलिए जैसे-जैसे आपकी साइट बढ़ती है, इसे बनाए रखना और विस्तारित करना अधिक चुनौतीपूर्ण होता जाता है। होस्टिंग की बढ़ती लागतों का उल्लेख नहीं करना, जो बहुत कम ही वेबसाइट की आय से पूरी तरह से कवर किया जा सकता है। निश्चित रूप से, बहुत सारे क्लाइंट-साइड लॉजिक साइट को धीरे-धीरे लोड कर सकते हैं, लेकिन हमारे पास इससे बचने के लिए टूल हैं, जैसे gzipping और obsfucation और सबसे महत्वपूर्ण बात, आलसी लोडिंग।

@komiska: आपका काम बहुत बढ़िया है! आपको तकनीकी पथ पर चलने के लिए किसने प्रेरित किया?
एलवी: धन्यवाद! मुझे नहीं लगता कि यह किसी से प्रेरित होने की बात थी। जब से मैं खुद को याद कर सकता हूं, मुझे सामान बनाना पसंद है। जब मैं बच्चा था, मैंने एक बार पर्स और हैंडबैग बनाने के लिए किचन स्पंज वाइप्स का इस्तेमाल किया था!

12 के आसपास, मुझे पता चला कि प्रोग्रामिंग ने मुझे हस्तशिल्प की तुलना में अधिक आसानी से और अधिक पेशेवर रूप से उपयोगी चीजें बनाने की अनुमति दी है। इसने मुझे इतना आकर्षित किया कि मुझे तुरंत प्रोग्रामिंग से प्यार हो गया और मैं इसे बेहतर बनाने के लिए प्रयास करता रहा।

@jelmerdemaat: @LeaVerou ने @dabblet कैसे बनाया? किस PHP ढांचे/अन्य बैक-एंड तकनीक के साथ? सबसे कठिन हिस्सा क्या था?
LV: Dablet में कोई डेटाबेस नहीं है और इसमें शामिल सर्वर-साइड कोड न्यूनतम है। एक छोटा PHP केवल OAuth के लिए उपयोग किया जाता है और इसके चारों ओर किसी भी डबल क्रोम के बिना साझा करने के लिए परिणाम पृष्ठ उत्पन्न करता है (बग रिपोर्ट टेस्टकेस के लिए उपयोगी)। जैसा कि आप इसके Github आँकड़ों में देख सकते हैं, PHP में केवल तीन प्रतिशत dablet है। बाकी सब कुछ क्लाइंट-साइड है। यह jsfiddle स्थिति से बचने में मदद करता है: jsfiddle सर्वर पर सब कुछ करता है, इसलिए अब जब यह सफल हो गया, तो इसका सर्वर लोड छत के माध्यम से चला गया और यह धीमा हो गया।

@_dte: आपके लिए सबसे रोमांचक आगामी CSS फीचर क्या है?
LV: निश्चित रूप से फ़िल्टर प्रभाव। वे हमें उन चीजों को करने की अनुमति देते हैं जो पहले असंभव थे, न कि केवल कठिन। मैं लेआउट मॉड्यूल के लिए बहुत उत्साहित नहीं हूं, क्योंकि क) हम उनका उपयोग करने में सक्षम होने से पहले उम्र होने जा रहे हैं, क्योंकि वे बिल्कुल भी इनायत नहीं करते हैं और बी) लेआउट हमेशा संभव था, बस अनावश्यक रूप से कठिन। बेशक, नए लेआउट मॉड्यूल भी बहुत महत्वपूर्ण हैं, लेकिन यह उस तरह की चीजें नहीं हैं जो मुझे उत्साहित करती हैं।

मैं व्यूपोर्ट सापेक्ष इकाइयों के बारे में भी बहुत उत्साहित हूं वीडब्ल्यू तथा वीएचयू और CSS3 का विस्तार एटीआर () फ़ंक्शन जो हमें उपयोग करने में सक्षम करेगा एटीआर () हर संपत्ति में।

मैं वास्तव में ओपेरा को लागू करने के अलावा अन्य ब्राउज़रों को भी देखना चाहता हूं वस्तु-फिट तथा वस्तु-स्थिति, ताकि हम छवियों को भिन्न पक्षानुपात में क्रॉप करने के लिए पृष्ठभूमि हैक का उपयोग करना बंद कर सकें।

@gpirie: सीएसएस में पेश की गई आप कौन सी सुविधा देखना चाहेंगे?
एल.वी.: ए वर्तमान() फ़ंक्शन जो आपको अन्य गुणों के परिकलित मान को संदर्भित करने देता है। general के सामान्यीकरण की तरह वर्तमान रंग (जो तब एक उपनाम बन जाएगा वर्तमान (रंग)) बेशक, इस तरह की चीज़ को लागू करना बहुत मुश्किल है, लेकिन वास्तविकता मुझे सपने देखने से नहीं रोकेगी!

@kevdog: तीन सबसे आम सीएसएस गलतियाँ क्या हैं?
एलवी: सबसे आम सीएसएस गलती जो मुझे दिखाई देती है, वह यह है कि लोग अपने सीएसएस को परिणाम पर ध्यान देने के साथ कोड करते हैं, न कि स्वच्छ, रखरखाव योग्य, लचीले कोड पर (और वे शायद ही कभी रिफैक्टर करते हैं)। यह केवल महत्वपूर्ण नहीं है कि कुछ दिखता है अभी, एक निश्चित पृष्ठभूमि के साथ, कुछ परिवेश और निश्चित आकार के साथ। यह करने में सक्षम होना चाहिए अनुकूल बनाना आसानी से बदलने के लिए, इसके बारे में हर नियम को अप्रत्याशित तरीके से फिर से लिखे बिना।

आप सोच सकते हैं कि आप कभी कुछ नहीं बदलेंगे, लेकिन पर्याप्त समय दिए जाने पर, आप लगभग निश्चित रूप से गलत साबित होंगे। CSS प्रीप्रोसेसर इसमें मदद कर सकते हैं। वे आसान तरीका हैं लेकिन वे निश्चित रूप से मैला, दोहराव वाले कोड से बेहतर हैं।

एक और गलती अत्यधिक वर्बोज़ सीएसएस है। लोग चूक के बारे में नहीं जानते हैं, इसलिए वे उन्हें फिर से परिभाषित करते रहते हैं। वे आशुलिपि के बारे में नहीं जानते हैं, इसलिए वे इसके बजाय लॉन्गहैंड गुणों को परिभाषित करते रहते हैं। ऐसे मामले हैं जहां आपको उन चीजों को उद्देश्य से करना पड़ता है, लेकिन यह हर चीज में उन्हें रक्षात्मक रूप से करने का एक कारण नहीं है।

@kevdog: यदि आप सीएसएस स्पेक में एक चीज बदल सकते हैं, तो यह क्या होगा?
LV: ऐसे कई सुझाव हैं जिनसे CSSWG में लगभग सभी सहमत हैं, लेकिन वेब पर मौजूदा व्यापक उपयोग को तोड़ने के कारण इसे जोड़ा नहीं जा सकता है। आमतौर पर, WG या तो इन्हें पूरी तरह से नकार देता है या डिफ़ॉल्ट को बदलने के बजाय व्यवहार को नियंत्रित करने के लिए अधिक गुण जोड़ता है। मैं पश्चगामी असंगत परिवर्तनों में ऑप्ट इन करने का एक तरीका देखना चाहता हूं, ताकि मौजूदा वेबसाइटें टूट न जाएं। अन्य भाषाओं ने इस मुद्दे को बहुत पहले हल कर लिया है लेकिन HTML और CSS के साथ हम अच्छी भाषा डिजाइन की कीमत में पश्च संगतता के लिए संघर्ष करते रहते हैं।

@StuRobson: क्या आपको लगता है कि यह सब कुछ समझे बिना एक ढांचे या बॉयलरप्लेट का उपयोग करने के लिए एक देव के लिए आलसी है?
एलवी: नहीं, लेकिन मुझे लगता है कि एक देव के लिए व्यक्तिगत रूप से आवश्यकता के बिना ढांचे या बॉयलरप्लेट का उपयोग करना आलसी है, सिर्फ इसलिए कि हर कोई करता है। उन समस्याओं को हल करने का प्रयास करना प्रतिकूल है जो आपके पास अभी तक नहीं हैं।

@folktrash: "सेलिब्रिटी" किस बिंदु पर हुआ? आप कैसे जानते हो? और क्या यह प्रचार कोड गुणवत्ता/शब्दार्थ में मदद करता है या बाधा डालता है?
LV: धन्यवाद, लेकिन मुझे यकीन नहीं है कि मुझे वह कहा जा सकता है। हर कोई उन लोगों पर विचार करता है जिनके बारे में उन्होंने उन लोगों की तुलना में अधिक प्रसिद्ध लोगों के बारे में सुना है जिनके बारे में उन्हें कोई जानकारी नहीं थी। नतीजतन, हर किसी की अपनी प्रसिद्धि को कम आंकने की एक स्वाभाविक प्रवृत्ति होती है, जिसे कृत्रिम रूप से (और लगभग आँख बंद करके) संतुलित होने की आवश्यकता होती है जब आप इस घटना से अवगत होते हैं। हमें यह भी ध्यान रखना होगा कि हमारे उद्योग में कोई भी वास्तव में एक सेलिब्रिटी नहीं है, कोई भी घर का नाम नहीं है।

उस ने कहा, 2011 पागल हो गया है, और यह स्पष्ट है कि मुझे अपने काम के लिए और अधिक मान्यता मिली है जिसकी मैं उम्मीद कर सकता था। यह निश्चित रूप से वेब मानकों को प्रचारित करने में मदद करता है। जब मैं एक साल पहले की तुलना में अब कुछ कहता हूं तो लोग ज्यादा ध्यान देते हैं। हालांकि यह इस कीमत पर आता है कि मेरे द्वारा कही गई बातों का अति-विश्लेषण हो जाता है, लोग उनमें बहुत अधिक पढ़ सकते हैं और मुझ पर उन विचारों के लिए हमला कर सकते हैं जिनके बारे में मैंने कभी सोचा भी नहीं था। या कभी-कभी, केवल विचार रखने के लिए, अवधि।

@तवरेह: आप इंडस्ट्री में महिलाओं को लेकर इतने कट्टर क्यों हैं? मैं समानता की आवश्यकता को समझता हूं, लेकिन इम्हो आप इसे चरम पर पहुंचाते हैं।
एल.वी.: पहली बार मैंने "अत्यधिक समानता" जैसी बात सुनी। समानता कभी भी चरम पर नहीं हो सकती है और मुझे संदेह है कि कोई भी अन्य प्रकार के भेदभाव, जैसे नस्लवाद के लिए ऐसा कुछ भी कहेगा। यह "विपरीत भेदभाव" या "सुधारात्मक पूर्वाग्रह" है जो चरम है और मैं इसके खिलाफ दृढ़ता से हूं।

उस ने कहा, मैं उद्योग में महिलाओं के बारे में "कट्टर" नहीं हूं, मैं अनुवांशिक लिंग रूढ़िवाद के खिलाफ "कट्टर" हूं। मैंने अपनी इंडस्ट्री में शायद ही कभी सेक्सिज्म देखा हो, ऐसा लगता है कि लोगों ने अपना सबक बहुत पहले ही सीख लिया है। मुझे नहीं लगता कि हमारे उद्योग में महिलाओं की कम भागीदारी का कारण यह है कि वे अब और अधिक अवांछित महसूस कर रही हैं। यह हमारा शेष लिंग आधारित समाज है जो महिलाओं को इंजीनियरिंग से दूर करता है। छोटी लड़कियां खिलौनों के साथ खेलती हैं जो उन्हें अपने संज्ञानात्मक कौशल को विकसित करने के लिए प्रोत्साहित नहीं करती हैं जितना कि लड़कों के खिलौने। बच्चों की फिल्में और खिलौने लैंगिक रूढ़िवादिता के सबसे खराब चिरस्थायी हैं और मुझे शायद ही वहां कोई दिलचस्पी दिखाई दे। ऐसा लगता है कि हर कोई अपने प्रयासों को वयस्कों में पहले स्थान पर करने से बचने के बजाय गलतियों को ठीक करने के बजाय ध्यान केंद्रित करता है।

@komiska: क्या कभी फ़ॉन्ट-वेट के लिए कोई संक्रमण होने वाला है?
LV: कल्पना से एक नोट का हवाला देते हुए, "यह इतना आसान नहीं है"। अधिकांश गुणों में एक सहज संक्रमण के लिए पर्याप्त भार नहीं होता है और ब्राउज़र मध्यवर्ती राज्यों को उत्पन्न नहीं कर सकता है क्योंकि सीएसएस में उनका प्रतिनिधित्व करने का कोई तरीका नहीं है। उस ने कहा, हम अंततः विस्तार कर सकते हैं क्रॉस-फेड () CSS4 छवि मूल्यों से सभी CSS मूल्यों पर लागू करने के लिए, न कि केवल छवियों पर, जो अधिकांश संक्रमण समस्याओं को हल करेगा, और हमें एक शक्तिशाली उपकरण प्रदान करता है जिसका उपयोग सांख्यिकीय रूप से भी किया जा सकता है।