यो एक दशक को लागी हो उत्तरदायी वेब डिजाइन (RWD) पछि मुख्य प्रवाहमा जान क्यामरन एडम्स पहिलो शुरू भयो अवधारणा। यो विचार सरल थियो - हामी किन साइटहरू डिजाइन गर्न सक्दैनौं जुन यो हेरिरहेको छ उपकरणको भ्यूपोर्टमा अनुकूल छ?
उत्तरदायी डिजाइन के हो?
उत्तरदायी वेब डिजाइन (आरडब्ल्यूडी) एक वेब डिजाइन दृष्टिकोण हो जुन शिल्प साइटहरूको उद्देश्यले इष्टतम दृश्य अनुभव प्रदान गर्न सजिलो हुन्छ - सजिलो पठन र नेविगेशन कम्तिमा पुन: आकार, प्यानिंग, र स्क्रोलि—को साथ - विभिन्न उपकरणहरूमा (मोबाइल फोनबाट डेस्कटप कम्प्युटरमा) मोनिटर)। RWD को साथ डिजाइन गरिएको साइटले तरल पदार्थ, अनुपात-आधारित ग्रिडहरू, लचिलो छविहरू, र CSS3 मिडिया क्वेरीहरू, @ मीडिया नियमको विस्तारको उपयोग गरेर दृश्य वातावरणमा लेआउटलाई अनुकूलन गर्दछ।
विकिपीडिया
अर्को शब्दहरुमा, तत्वहरु जस्तै छविहरु समायोजित गर्न सकिन्छ साथ साथै ती तत्वहरूको सजावट। यहाँ एक भिडियो छ जसले उत्तरदायी डिजाइन के हो साथै तपाईंको कम्पनीले यसलाई किन कार्यान्वयन गर्नुपर्दछ भनेर वर्णन गर्दछ। हामीले भर्खरै पुन: विकास गर्नुभयो Highbridge साइट उत्तरदायी हुन र अब काम गर्दै छन् Martech Zone उही गर्न!
साइट उत्तरदायी बनाउने कार्यविधि थोरै पेचिलो छ किनकि तपाईंलाई भ्यूपोर्टको आकारको आधारमा व्यवस्थित गरिएको तपाईंको शैलीहरूमा पदानुक्रम हुनु आवश्यक छ।
ब्राउजरहरू तिनीहरूको आकारका बारे आत्म-सचेत छन्, यसैले तिनीहरू शैलीसीट माथि देखि तल लोड गर्दछन्, स्क्रीनको आकारका लागि लागू शैलीहरू क्वेरी गर्दै। यसको मतलब यो होइन कि तपाईले हरेक साइज स्क्रिनको लागि बिभिन्न स्टाइलशिटहरू डिजाइन गर्नुपर्दछ, तपाईलाई आवश्यक तत्त्वहरू शिफ्ट गर्नु पर्छ।
एक मोबाइल पहिलो मानसिकता संग अपरेटिंग आज आधारभूत मानक हो। बेस्ट-इन-क्लास ब्रान्डहरू तिनीहरूको साइट मोबाइल मैत्री हो कि भनेर होइन तर पूर्ण ग्राहक अनुभवको बारेमा सोच्दैछन्।
लसिंडा डन्काल्फे, मोनेटेट सीईओ
यहाँ धेरै उपकरणहरूको लागि एक उत्तरदायी डिजाइन सिर्जना गर्ने सम्भावित फाइदाहरूको चित्रण गर्ने मोनेटबाट एक इन्फोग्राफिक छ:
यदि तपाइँ कार्यको उत्तरदायी साइट हेर्न चाहानुहुन्छ भने, तपाइँको औंल्याउनुहोस् गुगल क्रोम ब्राउजर (मलाई लाग्छ फायरफक्समा उस्तै सुविधा छ) Highbridge। अब चयन गर्नुहोस् हेर्नुहोस्> विकासकर्ता> विकासकर्ता उपकरणहरू मेनूबाट यसले ब्राउजरको तल उपकरणहरूको गुच्छा लोड गर्दछ। विकासकर्ता उपकरण मेनू पट्टीको बाँया पट्टि सानो मोबाइल प्रतिमामा क्लिक गर्नुहोस्।
तपाईं नेभिगेसन विकल्पहरू माथि ल्यान्डस्केपबाट पोर्ट्रेटमा दृश्य परिवर्तन गर्न प्रयोग गर्न सक्नुहुनेछ, वा कुनै पनि संख्याका प्रीप्रोग्राम भ्यूपोर्ट आकारहरू चयन गर्नुहोस्। तपाईंले पृष्ठ पुन: लोड गर्नुपर्दछ, तर तपाईंको उत्तरदायी सेटिंग्स प्रमाणित गर्न र तपाईंको साइट सबै यन्त्रहरूमा उत्कृष्ट देखिन्छ भनेर सुनिश्चित गर्न यो संसारमा उत्तम उपकरण हो!
वेब डिजाइन अब वेबमास्टरहरूको छनौट होइन, यो अब तिनीहरूका लागि अनिवार्य छ। यो जानकारीमूलक पोस्ट साझा गर्नुभएकोमा धन्यवाद।
यस राम्रोसँग व्याख्या गरिएको लेखको लागि डगलसलाई धेरै धेरै धन्यवाद। म यससँग सहमत हुनुपर्दछ यद्यपि चीजहरूको सामग्री पक्षमा। धेरै जसो साइटहरु को लागी हामी एक उत्तरदायी लेआउट बनाउन पर्याप्त हुनेछैन। हामीलाई उत्तरदायी सामग्री चाहिन्छ। तर थप आधारभूत वेबसाइटहरूको लागि हामी यसलाई कसरी ह्यान्डल गर्ने भन्ने बारे तपाइँको राम्रोसँग कागजात लेख प्रयोग गर्न जाँदैछौं!
मलाई लाग्छ तपाईं बिल्कुल सही हुनुहुन्छ, आरोन। यो केवल रिसाइज गर्न र चीजहरू सार्न पर्याप्त छैन ... हामीले वास्तवमै सामग्रीलाई प्रभावकारी रूपमा प्रयोग गर्न आवश्यक छ।