पिछले दो या तीन वर्षों में ऑनलाइन डिज़ाइन की दुनिया के सबसे बड़े buzzwords में से एक है 'उत्तरदायी'। ब्राउजिंग के आगमन के साथ। 4 इंच के स्मार्टफोन स्क्रीन से 27 इंच के डिस्प्ले तक सब कुछ, यह सुनिश्चित करना मुश्किल हो सकता है कि आपकी वेबसाइट या ब्लॉग कोई फर्क नहीं पड़ता क्या। इसीलिए उत्तरदायी डिज़ाइन आवश्यक है क्योंकि यह स्वचालित रूप से यह पता लगा सकता है कि आप साइट तक पहुँचने के लिए किस उपकरण का उपयोग कर रहे हैं, और इसे अपनी स्क्रीन के आकार के अनुसार समायोजित कर सकते हैं।
जब आप अपनी संपूर्ण वेबसाइट को उत्तरदायी बना सकते हैं, जब आप बाहरी सामग्री को एम्बेड कर रहे होते हैं, तो जरूरी नहीं कि वह स्क्रीन या डिवाइस का उपयोग करने के लिए खुद को समायोजित करे जो आपके वेबसाइट के आगंतुक उपयोग कर रहे हैं। ऐसी साइटें जो एम्बेड करने योग्य उत्तरदायी सामग्री प्रदान नहीं करती हैं, उनमें YouTube और Instagram जैसी दिग्गज कंपनियां शामिल हैं, लेकिन आप जैसी सेवा का उपयोग कर सकते हैं जिम्मेदारी से एम्बेड करें उस सामग्री को उत्तरदायी एम्बेड में बदलने के लिए।
उत्तरदायी वेब डिजाइन का इतिहास
उत्तरदायी वेब डिज़ाइन शब्द केवल 2010 तक वापस आता है, जब इसे एक लेख में डिजाइनर एतान मार्कोटे द्वारा गढ़ा गया था
एक सूची के अलावा. उसने लिखा:“हम एक इष्टतम देखने के अनुभव के लिए डिज़ाइन कर सकते हैं, लेकिन मानकों-आधारित प्रौद्योगिकियों को अपने डिजाइनों में एम्बेड करके उन्हें न केवल अधिक लचीला, बल्कि मीडिया के लिए अधिक अनुकूल बनाते हैं जो उन्हें प्रस्तुत करता है। संक्षेप में, हमें उत्तरदायी वेब डिज़ाइन का अभ्यास करने की आवश्यकता है। ”
अब सिर्फ तीन साल बाद, और उत्तरदायी वेब डिज़ाइन का महत्व है बढ़ता रहा, और यह सुनिश्चित करने के अलावा कि आप तेजस्वी, उत्तरदायी डिजाइन या थीम का उपयोग कर रहे हैं, बहुत सारे दिलचस्प हैं उत्तरदायी उपकरण जो आप यह सुनिश्चित करने के लिए उपयोग कर सकते हैं कि आप अपनी वेबसाइट के लिए पूरी तरह उत्तरदायी अनुभव प्रदान कर रहे हैं आगंतुकों।
जिम्मेदारी से एम्बेड करें
तो जबकि आपका विषय उत्तरदायी हो सकता है (इस सूची की तरह) भव्य उत्तरदायी WordPress विषयों इन मुफ्त वर्डप्रेस थीम्स में से एक के साथ एक आश्चर्यजनक रूप से उत्तरदायी पोर्टफोलियो बनाएंइन दिनों यह खूबसूरती से डिजाइन की गई वेबसाइट के लिए पर्याप्त नहीं है, खासकर यदि आप एक फोटोग्राफर, कलाकार या ग्राफिक डिजाइनर हैं। इन दिनों यदि आपकी साइट उत्तरदायी नहीं है, तो संभावना है कि आप महत्वपूर्ण हिस्सा खो रहे हैं ... अधिक पढ़ें ), ऐसे कुछ एम्बेड हैं जो जरूरी नहीं कि आगंतुक की स्क्रीन के आकार को फिट करने के लिए अनुकूल हों। जब आप Twitter, Storify, SoundCloud, और Scribd से सामग्री एम्बेड कर सकते हैं, तो वे पहले से ही आपके लिए सभी भारी उठाने का काम कर चुके हैं। इसलिए यदि आप उदाहरण के लिए एक ट्वीट एम्बेड करते हैं, तो एम्बेड उत्तरदायी है, इसलिए इसे आपके विज़िटर की स्क्रीन पर फिट करने के लिए आकार बदला जाएगा।
हालाँकि, कुछ अपराधी हैं, जो उत्तरदायी आबंटन प्रदान करने के लिए आस पास नहीं हैं जब आप उनकी साइटों से सामग्री साझा करते हैं, तो यह अपने आप उस स्क्रीन के अनुकूल हो जाएगा, जिसे देखा जा रहा है पर। वह है वहां जिम्मेदारी से एम्बेड करें आते हैं। यदि आप कोड के आसपास अपना रास्ता जानते हैं, तो आप हमेशा स्रोत कोड को संपादित कर सकते हैं और इसे एक उत्तरदायी में बदल सकते हैं, लेकिन एंबेडेड रिस्पॉन्सिबिलिटी बस इसे कॉपी-पेस्ट चक्कर बनाती है - मृत आसान!
सेवा वर्तमान में Instagram, YouTube, Vimeo, Google Maps और यहां तक कि सामान्य iFrame एम्बेड के साथ शब्द है। यह उन आश्चर्यजनक साइटों की तरह है जो उत्तरदायी एम्बेडिंग का उपयोग करने के लिए नहीं मिलीं; लेकिन शायद यही कारण है कि एंबेड रिस्पॉन्सिबल जैसा टूल आसपास आया है। वर्तमान में उत्तरदायी साइटों की एक छोटी सूची देखने के लिए आप साइट पर 'अधिक' पर क्लिक कर सकते हैं।
सेवा का उपयोग कैसे करें
ज़िम्मेदारी से उपयोग करना आसान नहीं होगा। आपको केवल उस सेवा से मूल एम्बेड कोड की आवश्यकता है जिसका आप उपयोग करना चाहते हैं। YouTube या Vimeo वीडियो एम्बेड करने के लिए, आपको केवल वीडियो का सीधा लिंक होना चाहिए। यदि आप एक Instagram फ़ोटो एम्बेड करना चाहते हैं, तो यह एक ही बात है - बस वेब पर Instagram छवि का लिंक प्राप्त करें। दूसरी ओर, Google मैप्स के साथ, यह थोड़ा अधिक जटिल है क्योंकि आप सीधे लिंक का उपयोग नहीं कर सकते हैं - आपको Google मानचित्र के एम्बेड कोड तक पहुंचना होगा।
अपने Google मानचित्र के लिए एम्बेड कोड प्राप्त करने के लिए, मानचित्र खोलें और साइडबार के ऊपरी दाएं कोने में लिंक बटन पर क्लिक करें। यह एम्बेड कोड को खोल देगा जिसे आप एम्बेड कर सकते हैं। (यदि आप अभी भी यह जानने की कोशिश कर रहे हैं कि अपने दोस्तों और अनुयायियों के साथ साझा करने के लिए व्यक्तिगत नक्शे कैसे बनाएं, तो अवश्य देखें परतों के साथ नक्शे बनाने के लिए हमारे गाइड क्रिएटिव हो जाओ और नए गूगल मैप्स पर कस्टम लेयर्स के साथ अपने खुद के मैप्स बनाओGoogle ने पूरी तरह से संशोधित मैप का अनावरण करने के साथ, अब सभी के लिए उपलब्ध है, अपने स्वयं के मानचित्र बनाना पहले से कहीं अधिक आसान हो गया है। आप निजी और सार्वजनिक मानचित्र बना सकते हैं, विशिष्ट व्यक्तियों के साथ नक्शे साझा कर सकते हैं, विवरण जोड़ सकते हैं ... अधिक पढ़ें .)
एक बार जब आपको अपनी पसंद का लिंक / एम्बेड कोड मिल जाता है, तो आप आगे जा सकते हैं और इसे एंबेडेड रिस्पॉन्सिबल विंडो में पेस्ट कर सकते हैं - बस सुनिश्चित करें कि आपके पास सही टैब चयनित है। An एंबेड ’बटन पर क्लिक करें, और वेबसाइट एक एम्बेड कोड उत्पन्न करेगी जिसे आप अपनी साइट या ब्लॉग पर उपयोग कर सकते हैं जो पूरी तरह उत्तरदायी होगा।
निष्कर्ष
यह स्पष्ट है कि आपकी वेबसाइट को शुरू करने के लिए उत्तरदायी होना चाहिए क्योंकि यह वह वेबसाइट है जो सभी कोड के लिए आवरण है। एंबेड जिम्मेदारी एक साधारण छोटी साइट है जो काफी हद तक पूरी हो जाती है। यदि आप उत्तरदायी डिज़ाइन के बारे में गंभीर हैं और अपने आगंतुकों को एक सहज अनुभव प्रदान करना चाहते हैं, तो आप इस साइट को अपने ब्लॉगिंग टूल के शस्त्रागार में जोड़ना नहीं चाहेंगे।
क्या आप जिम्मेदारी से एम्बेड के बारे में सोचते हैं? हमें टिप्पणियों में बताएं।
छवि क्रेडिट: खाली गोली PlaceIt के माध्यम से
नैन्सी वाशिंगटन डीसी में रहने वाले एक लेखक और संपादक हैं। वह पहले नेक्स्ट वेब पर मध्य पूर्व की संपादक थीं और वर्तमान में संचार और सोशल मीडिया आउटरीच पर डीसी-आधारित थिंक टैंक में काम करती हैं।