Responsive web design
उत्तरदायी वेब डिजाइन (आर. डब्ल्यू. डी.) या उत्तरदायी डिजाइन वेब डिजाइन के लिए एक दृष्टिकोण है जिसका उद्देश्य वेब पृष्ठों को विभिन्न उपकरणों और खिड़कियों या स्क्रीन आकारों पर उपयोग और संतुष्टि सुनिश्चित करने के लिए न्यूनतम से अधिकतम प्रदर्शन आकार तक अच्छी तरह से प्रस्तुत करना है। एक प्रतिक्रियाशील डिजाइन निम्नलिखित तरीकों से द्रव अनुपात-आधारित ग्रिड, लचीली छवियों और सीएसएस3 मीडिया प्रश्नों जैसी तकनीकों का उपयोग करके वेब-पेज लेआउट को देखने के वातावरण के अनुकूल बनाता है, जो @media नियम का एक विस्तार हैः द्रव ग्रिड अवधारणा पृष्ठ तत्व के आकार को पिक्सेल या अंक जैसी पूर्ण इकाइयों के बजाय प्रतिशत जैसी सापेक्ष इकाइयों में होने का आह्वान करती है। लचीली छवियों को सापेक्ष इकाइयों में भी आकार दिया जाता है, ताकि उन्हें उनके तत्व के बाहर प्रदर्शित होने से रोका जा सके। मीडिया प्रश्न पृष्ठ को उस उपकरण की विशेषताओं के आधार पर विभिन्न सी. एस. एस. शैली नियमों का उपयोग करने की अनुमति देते हैं जिस पर साइट प्रदर्शित की जा रही है, जैसे। प्रतिपादन सतह की चौड़ाई (ब्राउज़र विंडो की चौड़ाई या भौतिक प्रदर्शन आकार)। उत्तरदायी लेआउट स्वचालित रूप से किसी भी उपकरण के स्क्रीन आकार को समायोजित और अनुकूलित करते हैं, चाहे वह डेस्कटॉप, लैपटॉप, टैबलेट या मोबाइल फोन हो। उत्तरदायी वेब डिजाइन अधिक महत्वपूर्ण हो गया क्योंकि मोबाइल उपकरणों के उपयोगकर्ता वेबसाइट के अधिकांश आगंतुकों के लिए जिम्मेदार थे। उदाहरण के लिए, 2015 में, गूगल ने मोबाइलगेडन की घोषणा की और मोबाइल उपकरण से खोज करते समय मोबाइल-अनुकूल साइटों की पृष्ठ श्रेणी को बढ़ावा देना शुरू किया। उत्तरदायी वेब डिजाइन यूजर इंटरफेस प्लास्टिसिटी का एक उदाहरण है। चुनौती और अन्य दृष्टिकोण ल्यूक रॉब्लेव्स्की ने कुछ आरडब्ल्यूडी और मोबाइल डिजाइन चुनौतियों का सारांश दिया है और बहु-उपकरण लेआउट पैटर्न की एक सूची बनाई है। उन्होंने सुझाव दिया कि, एक सरल एच. डब्ल्यू. डी. दृष्टिकोण की तुलना में, उपकरण अनुभव या आर. ई. एस. एस. (सर्वर-साइड घटकों के साथ उत्तरदायी वेब डिजाइन) दृष्टिकोण एक उपयोगकर्ता अनुभव प्रदान कर सकते हैं जो मोबाइल उपकरणों के लिए बेहतर अनुकूलित है। सैस जैसी स्टाइलशीट भाषाओं का सर्वर-साइड सीएसएस जनरेटर कार्यान्वयन इस तरह के दृष्टिकोण का हिस्सा हो सकता है। गूगल ने अन्य दृष्टिकोणों की तुलना में स्मार्टफोन वेबसाइटों के लिए प्रतिक्रियाशील डिजाइन की सिफारिश की है। हालांकि कई प्रकाशकों ने प्रतिक्रियाशील डिजाइनों को लागू किया है, आरडब्ल्यूडी को अपनाने के लिए एक चुनौती यह थी कि कुछ बैनर विज्ञापन और वीडियो तरल नहीं थे। हालाँकि, खोज विज्ञापन और (बैनर) प्रदर्शन विज्ञापन विशिष्ट उपकरण मंच लक्ष्यीकरण और डेस्कटॉप, स्मार्टफोन और बुनियादी मोबाइल उपकरणों के लिए विभिन्न विज्ञापन आकार प्रारूपों का समर्थन करने के लिए आए। अलग-अलग प्लेटफार्मों के लिए अलग-अलग लैंडिंग पेज यू. आर. एल. का उपयोग किया गया है, या एजेक्स का उपयोग एक पृष्ठ पर अलग-अलग विज्ञापन रूपों को प्रदर्शित करने के लिए किया गया है। सी. एस. एस. तालिकाओं ने संकर स्थिर और द्रव लेआउट की अनुमति दी। आर. डब्ल्यू. डी. डिजाइनों को मान्य करने और परीक्षण करने के कई तरीके हैं, जिनमें मोबाइल साइट वैलिडेटर और मोबाइल एमुलेटर से लेकर एडोब एज इन्स्पेक्ट जैसे एक साथ परीक्षण उपकरण शामिल हैं। क्रोम, फ़ायरफ़ॉक्स और सफारी ब्राउज़रों और डेवलपर टूलों ने प्रतिक्रियाशील डिज़ाइन व्यूपोर्ट आकार बदलने के उपकरण की पेशकश की है, जैसा कि तीसरे पक्ष करते हैं। एच. टी. एम. एल. + के डब्ल्यू3सी विनिर्देश में कहा गया है कि वेबसाइटों को उपयोगकर्ता की प्राथमिकताओं के अनुसार प्रस्तुत किया जाना चाहिए। हालाँकि वेब पेज लेआउट के अनुकूलन की कमी थी। कई वेब डेवलपर्स ने लेआउट को अनुकूलित करने और एक ही समय में अपनी वेबसाइटों पर कुछ बुनियादी प्रतिक्रिया लाने के तरीके के रूप में साधारण एच. टी. एम. एल. तालिकाओं का सहारा लिया। ब्राउज़र व्यूपोर्ट चौड़ाई के लिए गैर-तुच्छ तरीके से अनुकूलित एक लेआउट की सुविधा देने वाली पहली प्रमुख साइट 2001 के अंत में शुरू की गई थी, जिसे रेज़ोर्फिश में एक टीम द्वारा बनाया गया था जिसमें जुर्गेन स्पैंगल और जिम कालबाख (सूचना वास्तुकला), केन ओलिंग (डिजाइन) और जान हॉफमैन (इंटरफेस विकास) शामिल थे। सीमित ब्राउज़र क्षमताओं का मतलब था कि इंटरनेट एक्सप्लोरर के लिए, लेआउट ब्राउज़र में गतिशील रूप से अनुकूलित हो सकता है, जबकि, नेटस्केप के लिए, आकार बदलने पर पृष्ठ को सर्वर से फिर से लोड करना पड़ता था। कैमरून एडम्स ने 2004 में एक प्रदर्शन किया। 2008 तक, लेआउट का वर्णन करने के लिए "लचीले", "तरल", "तरल" और "लोचदार" जैसे कई संबंधित शब्दों का उपयोग किया जा रहा था। सी. एस. एस. 3 मीडिया प्रश्न 2008 के अंत/2009 की शुरुआत में प्राइम टाइम के लिए लगभग तैयार थे। एथन मार्कोटे ने प्रतिक्रियाशील वेब डिज़ाइन शब्द गढ़ा-और इसे ए लिस्ट अपार्ट में मई 2010 के लेख में द्रव ग्रिड/लचीली छवियों/मीडिया प्रश्नों के अर्थ में परिभाषित किया। उन्होंने अपनी 2011 की संक्षिप्त पुस्तक रेस्पॉन्सिव वेब डिज़ाइन में रेस्पॉन्सिव वेब डिज़ाइन के सिद्धांत और अभ्यास का वर्णन किया। उत्तरदायी डिजाइन को #1 पर प्रगतिशील वृद्धि के बाद. नेट पत्रिका द्वारा 2012 के लिए शीर्ष वेब डिजाइन रुझानों में #2 के रूप में सूचीबद्ध किया गया था। मैशेबल ने 2013 को उत्तरदायी वेब डिजाइन का वर्ष कहा। संबंधित अवधारणाएँ मोबाइल-प्रथम डिजाइन और प्रगतिशील वृद्धि संबंधित अवधारणाएँ हैं जो आर. डब्ल्यू. डी. से पहले की हैं। बुनियादी मोबाइल फोन के ब्राउज़र जावास्क्रिप्ट या मीडिया प्रश्नों को नहीं समझते हैं, इसलिए एक जटिल, छवि-भारी साइट को मोबाइल फोन पर काम करने के लिए सुंदर गिरावट पर भरोसा करने के बजाय, एक बुनियादी वेब साइट बनाना और स्मार्टफोन और व्यक्तिगत कंप्यूटर के लिए इसे बढ़ाना एक अनुशंसित अभ्यास था। एडेप्टिव वेब डिज़ाइन बूटस्ट्रैप (फ्रंट-एंड फ्रेमवर्क) सी. एस. एस. फ्रेमवर्क फाउंडेशन (फ्रेमवर्क) टेबललेस वेब डिज़ाइन संदर्भ 2010 में कंप्यूटर से संबंधित परिचय मानव-कंप्यूटर बातचीत मोबाइल वेब उपयोगिता उपयोगकर्ता इंटरफेस वेब डिज़ाइन 2010 के नए शब्द भी देखें।