उत्तरदाता: विभिन्न उपकरणों के लिए उत्तरदायी वेब डिज़ाइन पूर्वावलोकन

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

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

डिफ़ॉल्ट रूप से, ये फ़्रेम खाली हैं। आपको उस साइट का URL दर्ज करना होगा जिसे आप ऊपरी-बाएँ पाठ बॉक्स में पूर्वावलोकन करना चाहते हैं, और GO को हिट करें। इसके बाद रेप्लिनेटर अपना जादू करने के लिए तैयार हो जाता है, जिससे आपको पता चलता है कि इन सभी प्लेटफार्मों पर आपकी साइट कैसी दिखेगी और परिणाम काफी प्रभावशाली हैं।

हमारे परीक्षण में, हमने उत्कृष्ट वेब डिज़ाइन संसाधन साइट का उपयोग किया SmashingMagazine कि एक हत्यारा उत्तरदायी डिजाइन है। जैसा कि अपेक्षित था, सभी फ़्रेमों ने साइट को उसी तरह से दिखाया जिस तरह से यह हमारे वास्तविक परीक्षण उपकरणों को प्रदर्शित किया गया था। (पूर्ण संस्करण देखने के लिए ऊपर दिखाई गई छवि पर क्लिक करें)।

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

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

रिस्पांसिनेटर पर जाएँ