एथन मार्कोट की उत्तरदायी वेब डिज़ाइन बुक

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

यह पुस्तक पढ़ने के लायक क्यों है?

सबसे पहले, इस पतली पुस्तक (केवल 176 पृष्ठों) में एक ऐसी तकनीक का वर्णन है जो पहले से ही क्रांतिकारी बन गई है। यदि आप इस पुस्तक के वेब और वेब विकास प्रक्रिया पर पड़ने वाले प्रभाव का मूल्यांकन करते हैं, तो इसे पिछले वर्षों की ऐसी नवीन पुस्तकों के साथ सममूल्य पर रखा जा सकता है: जेफ़री ज़ेल्डमैन द्वारा "मानक द्वारा वेब डिज़ाइन" और "एक्शन में AJAX" ।

दूसरे, यह पुस्तक एथन मार्कोटे द्वारा लिखी गई थी, जो कि उत्तरदायी वेब डिज़ाइन की अवधारणा के साथ आया था।

तीसरा, नवंबर 2011 में उत्तरदायी वेब डिज़ाइन को .net पत्रिका द्वारा वेब डिज़ाइनरों और डेवलपर्स के लिए 25 सर्वश्रेष्ठ पुस्तकों में से एक के रूप में मान्यता दी गई थी।

उत्तरदायी वेब डिज़ाइन क्या है?

पहली बार, रेस्पॉन्सिव वेब डिज़ाइन शब्द का प्रयोग 25 मई, 2010 को ए लिस्ट अप मैगज़ीन में प्रकाशित ईथन मार्कोट के नाम से लेख में किया गया था।

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

उत्तरदायी वेब डिज़ाइन 3 सिद्धांतों पर आधारित है:

1. लचीला ग्रिड-आधारित लेआउट
2. लचीली छवियां
3. मीडिया क्वेरीज़ (CSS3 मीडिया क्वेरीज़)

यदि आपने पहले से ही एक विशिष्ट ASP.NET MVC 4 RC वेब एप्लिकेशन (इंटरनेट एप्लिकेशन टेम्प्लेट) के साथ काम किया है, तो इसका मतलब है कि आपने पहले से ही कार्रवाई में उत्तरदायी वेब डिज़ाइन देखा है। इस वेब एप्लिकेशन के पृष्ठों को लचीले ढंग से विभिन्न स्क्रीन आकारों में समायोजित किया जा सकता है, और 850 पिक्सल (उदाहरण के लिए, स्मार्टफोन स्क्रीन) से कम चौड़ाई वाले स्क्रीन के लिए, विशेष शैलियों का उपयोग किया जाता है (मीडिया क्वेरी का उपयोग करके जुड़ा हुआ):

पुस्तक की संरचना

अब सीधे किताब के बारे में। उत्तरदायी वेब डिज़ाइन एक उत्तरदायी वेबसाइट बनाने के लिए एक कदम-दर-चरण मार्गदर्शिका है। लेखक, परीक्षण वेबसाइट "ROBOT ... या नहीं?" के उदाहरण का उपयोग करते हुए, कदम से कदम दिखाता है कि कैसे उत्तरदायी वेब डिजाइन तकनीक एक निश्चित लेआउट के साथ एक वेबसाइट में सुधार कर सकती है।

पहले अध्याय में, लेखक उन कारणों के बारे में बात करता है जिनके कारण उत्तरदायी वेब डिज़ाइन प्रौद्योगिकी और इसके मूल सिद्धांतों का उदय हुआ।

दूसरे अध्याय में, लेखक दिखाता है कि पेज लेआउट को और अधिक लचीला (रबर) कैसे बनाया जाए। उदाहरण दिए गए हैं कि रिश्तेदार इकाइयों में पृष्ठ तत्वों के आकार की सही गणना कैसे की जाती है (पाठ का आकार em में निर्दिष्ट किया जाना चाहिए, और प्रतिशत में ब्लॉक, मार्जिन और इंडेंट का आकार)।

तीसरा अध्याय लचीली छवियों की तकनीक से संबंधित है - ऐसी छवियां जो विभिन्न स्क्रीन आकारों के अनुकूल हो सकती हैं, और इस तकनीक के क्रॉस-ब्राउज़र कार्यान्वयन के कई तरीके प्रदान करती हैं।

यदि आप पहले Dan Sederholm और Ethan Marcott, "CSS हस्तनिर्मित" (अर्थात्, "रबर ग्रिड" के 6 वें अध्याय) द्वारा संयुक्त पुस्तक पढ़ते हैं, तो "उत्तरदायी वेब डिज़ाइन" के 2 और 3 अध्याय से कई अवधारणाएँ आपके लिए होंगी। परिचित हैं।

चौथा अध्याय CSS3 मीडिया क्वेरी तकनीक और viewport मेटा टैग का उपयोग करने के तरीके पर चर्चा करता है। उदाहरण दिखाते हैं कि मीडिया के प्रश्नों का उपयोग उन शैलियों को सेट करने के लिए कैसे किया जा सकता है जो विशिष्ट प्रकार के उपकरणों के लिए विशिष्ट हैं। इसके अलावा, लेखक जावास्क्रिप्ट पुस्तकालयों के लिए लिंक प्रदान करता है जो ब्राउज़रों के पुराने संस्करणों में मीडिया प्रश्नों के लिए सहायता प्रदान करता है।

पाँचवाँ अध्याय उत्तरदायी वेबसाइटों को बनाते समय आने वाली समस्याओं को सूचीबद्ध करता है। उत्तरदायी वेब डिज़ाइन की क्लासिक तकनीक मानती है कि आधार डेस्कटॉप कंप्यूटर के लिए वेबसाइट का एक संस्करण है, और फिर टैबलेट और स्मार्टफ़ोन के लिए adapts है। इस दृष्टिकोण में एक महत्वपूर्ण कमी है: मोबाइल उपयोगकर्ताओं को साइट के स्थिर संस्करण के लिए डिज़ाइन किए गए तत्वों को डाउनलोड करना पड़ता है, जिससे ट्रैफ़िक की मात्रा और वेब पेजों के लोडिंग समय में वृद्धि होती है। इस समस्या के समाधान के रूप में, यह "मोबाइल फर्स्ट!" पुस्तक में विस्तार से वर्णित ल्यूक व्रॉब्ल्वस्की के दृष्टिकोण के आधार के रूप में लेने का प्रस्ताव है । इस दृष्टिकोण के साथ, साइट का एक मोबाइल संस्करण पहले बनाया जाना चाहिए, और उसके बाद ही बड़े स्क्रीन आकार वाले उपकरणों के लिए शैलियों और क्षमताओं को इसमें जोड़ा जा सकता है। एथन मार्कोट ने यह भी नोट किया कि उत्तरदायी वेब डिज़ाइन को वेब विकास प्रक्रिया में बदलाव की आवश्यकता होती है। वास्तव में, उत्तरदायी वेब डिज़ाइन डिजाइन और विकास चरणों को जोड़ती है, और प्रक्रिया अधिक पुनरावृत्त हो जाती है, जिसके लिए ग्राफिक डिजाइनरों और फ्रंट-एंड डेवलपर्स के बीच घनिष्ठ संपर्क की आवश्यकता होती है। अध्याय के अंत में, लेखक दिखाता है कि प्रगतिशील वृद्धि की अवधारणा के साथ वेब डिज़ाइन कैसे उत्तरदायी है।

रूसी संस्करण के फायदे और नुकसान

रूसी संस्करण के निस्संदेह लाभों में शामिल हैं: उच्च-गुणवत्ता का अनुवाद और रंग चित्रण की उपलब्धता (यह अभी भी प्रकाशित तकनीकी साहित्य के लिए बहुत दुर्लभ है)।

शायद मुझे इस प्रकाशन का केवल एक दोष मिला - यह लिस्टिंग में उद्धरण चिह्नों का गलत उपयोग है ("डबल" और "एकल" कंप्यूटर उद्धरण, "हेरिंगबोन" और "मज्जा उद्धरण चिह्न" का उपयोग किया जाता है)।