सीएसएस आणि अधिकच्या भविष्यावर ली वेरॉ

या लेखाची संपादित आवृत्ती प्रथम .नेट मॅगझिनच्या 225 च्या अंकात प्रकाशित झाली - वेब डिझायनर्स आणि विकसकांसाठी जगातील सर्वाधिक विक्री होणारी मॅगझिन.

@twostepmedia: वेब पृष्ठावर हेवी लिफ्टिंग कोठे करावे? पुढच्या टोकावर किंवा बॅकएंड मध्ये?
ली वेरोः क्लायंटवर जे काही करता येईल ते करण्याचा मी एक समर्थ समर्थक आहे. जेव्हा आपला कोड क्लायंटवर चालत असेल, तेव्हा आपला प्रकल्प कितीही यशस्वी झाला, तरीही त्यास नेहमीच एका मशीनशी सामोरे जावे लागते.

आपला प्रकल्प यशस्वी झाल्यास सर्व्हरवर लिहित असलेल्या प्रत्येक गोष्टीस प्रति सेकंद हजारो वेळा धावण्याची आवश्यकता असू शकते, म्हणूनच आपली साइट जसजशी वाढत जाते तसतसे ती राखणे आणि वाढविणे अधिकच आव्हानात्मक होते. होस्टिंगच्या वाढत्या किंमतींचा उल्लेख करू नका जे वेबसाइटच्या उत्पन्नामधून क्वचितच कव्हर केले जाऊ शकतात. निश्चितपणे, बरेच क्लायंट-साइड लॉजिक साइट लोड करू शकतात हळूहळू, परंतु हे टाळण्यासाठी आमच्याकडे साधने आहेत, जसे की जिझीपिंग आणि अस्पष्टता आणि मुख्य म्हणजे आळशी लोडिंग.

@komiska: आपले कार्य अद्भुत आहे! आपल्याला तंत्रज्ञानाच्या मार्गाचा अनुसरण करण्यास कोणी प्रेरित केले?
LV: धन्यवाद! मला असे वाटत नाही की ही एखाद्याच्या प्रेरणेने होते. मला स्वतःची आठवण येते तेव्हापासून मला सामग्री बनविणे आवडते. मी लहान असताना, एकदा पर्स आणि हँडबॅग बनवण्यासाठी मी स्वयंपाकघरातील स्पंज वाइप्स वापरल्या!

सुमारे 12 च्या सुमारास मला आढळले की प्रोग्रामिंगमुळे मला हस्तकलेपेक्षा अधिक सहज आणि व्यावसायिकपणे उपयुक्त गोष्टी तयार करण्याची परवानगी मिळाली. मला इतका मोह झाला की मी त्वरित प्रोग्रामिंगच्या प्रेमात पडलो आणि त्यामध्ये आणखी चांगले होण्यासाठी प्रयत्न करत राहिलो.

@jelmerdemaat: @LeaVerou @dabblet कसे तयार केले? कोणत्या पीएचपी फ्रेमवर्क / इतर बॅक-एंड तंत्रासह? सर्वात कठीण भाग कोणता होता?
एलव्ही: डब्बल्टकडे कोणताही डेटाबेस नसतो आणि त्यात समाविष्ट असलेला सर्व्हर-साइड कोड कमीतकमी असतो. थोडेसे पीएचपी फक्त ओएथसाठी आणि त्याच्या भोवती कोणत्याही डॅबलट क्रोमशिवाय सामायिक करण्यासाठी परिणाम पृष्ठ तयार करण्यासाठी वापरली जाते (बग रिपोर्ट टेस्टकेसेससाठी उपयुक्त) जसे की आपण गीथब आकडेवारीमध्ये पाहू शकता, पीएचपीमध्ये फक्त तीन टक्के डॅबल्ट होते. बाकी सर्व काही ग्राहकांच्या बाजूने आहेत. हे जेस्फिडलची परिस्थिती टाळण्यास मदत करते: जेस्फिडल सर्व्हरवर सर्व काही करते, म्हणून आता ते यशस्वी झाले, त्याचा सर्व्हर लोड छतावरून गेला आणि तो धीमा झाला.

@_dte: आपल्यासाठी आगामी सर्वात रोमांचक सीएसएस वैशिष्ट्य काय आहे?
LV: निश्चितपणे फिल्टर प्रभाव. ते आम्हाला अशा गोष्टी करण्यास परवानगी देतात जे यापूर्वी केवळ अशक्य नव्हते, फक्त कठीण नव्हते. लेआउट मॉड्यूलसाठी मी फार उत्सुक नाही, कारण अ) आम्ही त्यांचा वापर करण्यापूर्वी ते वयोगटातील होणार आहेत कारण ते कृतज्ञतेने कमी होत नाहीत आणि ब) लेआउट नेहमीच शक्य होते, फक्त अनावश्यकपणे कठोर. नक्कीच, नवीन लेआउट मॉड्यूल देखील खूप महत्वाचे आहेत, परंतु हे अशा प्रकारांमुळे नाही जे मला उत्साही करते.

मी व्ह्यूपोर्ट रिलेटिव्ह युनिट्सबद्दल देखील खूप उत्सुक आहे vw आणि vh चे CSS3 विस्तार आणि मुखत्यार () फंक्शन जे आम्हाला वापरण्यास सक्षम करेल मुखत्यार () प्रत्येक मालमत्ता मध्ये.

मला ऑपेरा अंमलबजावणीशिवाय इतर ब्राउझरसुद्धा खरोखर पहायच्या आहेत ऑब्जेक्ट फिट आणि ऑब्जेक्ट-स्थिती, जेणेकरून आम्ही भिन्न प्रकारच्या गुणोत्तरानुसार प्रतिमा क्रॉप करण्यासाठी पार्श्वभूमी हॅक वापरणे थांबवू शकतो.

@gpirie: सीएसएसमध्ये समाविष्ट केलेले कोणते वैशिष्ट्य आपण पाहू इच्छिता?
एलव्ही: ए चालू () फंक्शन जे आपल्याला इतर प्रॉपर्टीच्या संगणकीय मूल्याचा संदर्भ घेऊ देते. चे सामान्यीकरण आवडले चालू रंग (जे नंतर एक उपनाव होईल चालू (रंग)). नक्कीच, अशी गोष्ट अंमलात आणणे खूप अवघड आहे, परंतु वास्तविकता मला स्वप्नापासून थांबवणार नाही!

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

आपणास असे वाटेल की आपण कधीही काहीतरी बदलत नाही, परंतु पुरेसा वेळ दिल्यास आपण अगदी चुकीचे असल्याचे सिद्ध व्हाल. सीएसएस प्रीप्रोसेसर त्यास मदत करू शकतात. ते सुलभ मार्ग आहेत परंतु ते निस्तेज, पुनरावृत्ती कोडपेक्षा निश्चितच चांगले आहेत.

आणखी एक चूक म्हणजे अत्यधिक वर्बोज सीएसएस. लोकांना डीफॉल्टची जाणीव नसते, म्हणूनच ते त्यास पुन्हा परिभाषित करत असतात. त्यांना शॉर्टहँड्सची माहिती नाही, म्हणून त्याऐवजी लाँगहँड गुणधर्म परिभाषित करतात. अशी काही प्रकरणे आहेत जिथे आपल्याला त्या गोष्टी उद्देशाने कराव्या लागतात, परंतु त्या प्रत्येक गोष्टीत बचावात्मकपणे करण्याचे कारण नाही.

@kevdog: आपण सीएसएस स्पेकमध्ये एखादी गोष्ट बदलू शकत असाल तर ते काय होईल?
एलव्ही: बर्‍याच सूचना आहेत ज्या सीएसएसडब्ल्यूजी मधील जवळजवळ प्रत्येकजण सहमत आहे, परंतु वेबवरील विद्यमान व्यापक वापर खंडित केल्यामुळे जोडले जाऊ शकत नाही. सहसा, डब्ल्यूजी एकतर हे पूर्णपणे नाकारते किंवा डीफॉल्ट बदलण्याऐवजी वर्तन नियंत्रित करण्यासाठी अधिक गुणधर्म जोडते. मी विसंगत बदलांच्या पार्श्वभूमीवर जाण्याचा मार्ग पाहू इच्छित आहे जेणेकरून विद्यमान वेबसाइट खंडित होऊ नयेत. इतर भाषांनी या समस्येचे निराकरण बरेच पूर्वी केले आहे परंतु HTML आणि CSS सह आम्ही चांगल्या भाषेच्या डिझाइनच्या किंमतीमध्ये मागील बाजूच्या सुसंगततेसाठी धडपडत राहतो.

@ स्टुरोबसन: एखाद्या देवतेने सर्व काही न समजता फ्रेमवर्क किंवा बॉयलरप्लेट विली-निली वापरणे आळशी आहे असे आपल्याला वाटते काय?
एलव्ही: नाही, परंतु मला वाटते की एखाद्याने स्वत: ची गरज न घेता एखाद्या फ्रेमवर्क किंवा बॉयलरप्लेटचा वापर करणे एखाद्या आळशी आहे, कारण प्रत्येकानेच केले आहे. आपल्याकडे अद्याप नसलेल्या समस्या सोडवण्याचा प्रयत्न करणे हे प्रति-उत्पादनक्षम आहे.

@folktrash: "सेलिब्रिटी" कोणत्या क्षणी घडली? तुला कसे माहीत? आणि हे कोड गुणवत्ता / शब्दार्थ सुवार्तिकेत मदत करते किंवा अडथळा आणते?
LV: धन्यवाद, परंतु मला खात्री नाही की मला असे म्हटले जाऊ शकते. प्रत्येकजण ज्याच्याबद्दल त्यांना माहित नसलेल्या लोकांपेक्षा अधिक सुप्रसिद्ध म्हणून ऐकलेल्या लोकांचा विचार करण्याचा कल असतो. परिणामी, प्रत्येकाची स्वत: ची कीर्ती वाढवण्यासाठी नैसर्गिक प्रवृत्ती असते, जेव्हा आपल्याला या घटनेची जाणीव असते तेव्हा कृत्रिमरित्या (आणि जवळजवळ आंधळेपणाने) संतुलित असणे आवश्यक असते. आम्हाला हे देखील लक्षात ठेवण्याची गरज आहे की आपल्या उद्योगातील कोणीही खरोखर सेलिब्रेटी नाही, कोणीही घरचे नाव नाही.

असे म्हटले आहे की, २०११ हा वेडा आहे आणि मला अपेक्षित असलेल्या माझ्या कामासाठी मला अधिक ओळख मिळाली हे स्पष्ट आहे. हे निश्चितपणे वेब मानकांचे प्रचार करण्यास मदत करते. एका वर्षा पूर्वीच्या गोष्टीपेक्षा मी आता काहीतरी बोलतो तेव्हा लोक अधिक लक्ष देतात. हे मात्र ज्या किंमतीवर मी म्हणतो त्यापेक्षा जास्त खर्च येतो, लोक त्यामध्ये बरेच काही वाचू शकतात आणि मी कधी विचारात घेतलेले नसल्यासारखे दृश्ये असल्याबद्दल लोक माझ्यावर हल्ला करू शकतात. किंवा कधीकधी फक्त दृश्ये, कालावधीसाठी.

@ टावरः तुम्ही उद्योगातील स्त्रियांबद्दल इतके कट्टर का आहात? मला समानतेची आवश्यकता समजली, परंतु आपण यास अत्यंत टोकाकडे ढकलता.
LV: मी "अत्यंत समता" अशी गोष्ट प्रथमच ऐकतो. समानता कधीही चरम असू शकत नाही आणि मला शंका आहे की वंशभेदासारख्या इतर प्रकारच्या भेदभावाबद्दल कोणीही असे काही बोलेल. हा "उलट भेदभाव" किंवा "सुधारात्मक पक्षपात" आहे जो अत्यंत तीव्र आहे आणि मी त्याविरूद्ध जोरदार आहे.

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

@ कोमिस्का: फॉन्ट-वेटसाठी कधी संक्रमण होणार आहे का?
LV: "ती इतकी सोपी नाही", चष्मावरून एक चिठ्ठी उद्धृत करीत आहे. बर्‍याच गुणधर्मांमध्ये गुळगुळीत संक्रमणासाठी पुरेसे वजन नसते आणि ब्राउझर मधली राज्ये तयार करू शकत नाही कारण CSS मध्ये त्यांचे प्रतिनिधित्व करण्याचा कोणताही मार्ग नाही. ते म्हणाले की, आम्ही शेवटी वाढवू शकतो क्रॉस फेड () सीएसएस 4 प्रतिमा मूल्यांमधून केवळ सीएसएस मूल्यांवर लागू करण्यासाठी, केवळ प्रतिमाच नव्हे तर बहुतेक संक्रमण समस्या सोडवितात आणि आम्हाला एक सामर्थ्यवान साधन देते जे स्थिरपणे देखील वापरले जाऊ शकते.