"उत्तरदायी" वेब डिज़ाइन पर विचार क्यों नहीं होना चाहिए?


9

यह एक प्रोग्रामिंग प्रश्न की तुलना में अधिक ग्राफिक डिजाइन प्रश्न की तरह लग सकता है, लेकिन मुझे लगता है कि इसमें वास्तविक ग्राफिक डिजाइन की तुलना में बहुत अधिक तकनीकी / प्रोग्रामिंग योग्यता है।

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

मुझे लगता है कि मीडिया के प्रश्नों का उपयोग धीरे-धीरे सामने आ रहा है (मैंने पाया है कि बहुत से लोग वास्तव में इसके बारे में नहीं जानते हैं), लेकिन मैं सोच रहा हूं कि क्या धीमी गति से गोद लेने का कोई कारण है। क्या यह वेब अनुप्रयोगों के लिए अव्यावहारिक है? क्या कोई ऐसी चीज़ है जो मुझे याद आ रही है जो एक मूलभूत नुकसान हो सकती है?


2
बहुत सारे लोग सिर्फ अज्ञानी हैं और नए तरीके नहीं सीखते हैं।
रेयनोस

@ रेयानोस लेकिन सीखना बहुत मजेदार है!
निक

1
यह इसलिए है क्योंकि समय के साथ-साथ इंटरनेट की गति बढ़ रही है और उत्तरदायी कोई वास्तविक मुद्दा नहीं है, और प्रयास अभी उचित नहीं है! हो सकता है कि मैं गलत हूं, क्योंकि यह विचार अच्छा लग रहा है!
WinW

1
वेबमास्टर्स के लिए माइग्रेट करें।
पीटर टेलर

जवाबों:


9

आपको इसे वास्तव में काम करने के लिए हुप्स के माध्यम से कूदना होगा। एक साइट के लिए मैं विकसित कर रहा हूँ मैं @media (max-width:800px)फोन और अन्य छोटे स्क्रीन के लिए एक स्टाइलशीट को परिभाषित करता था। लेकिन इसका उपयोग iPhone द्वारा नहीं किया जा रहा था।

यह पता चलता है कि फ़ोन ब्राउज़र डेवलपर्स यह मानते हैं कि लोग छोटी स्क्रीन को ध्यान में नहीं रखेंगे ताकि वे रेंडरिंग इंजन पर झूठ बोलें (iPhone का दावा 900px से अधिक चौड़ा हो, उदाहरण के लिए) जब तक आप इसे बताने के लिए एक अतिरिक्त मेटा-टैग में नहीं डालते हैं झूठ। जब यह इस बिंदु पर पहुंच जाता है कि आप ब्राउज़र को लागू करने वाले से लड़ रहे हैं तो आपको आश्चर्य होगा कि क्या यह प्रयास के लायक है।


इसलिए Zurb Foundation और Twitter बूटस्ट्रैप दोनों इसे काफी अच्छी तरह से हैंडल करते हैं। मांग पर स्विच करने के लिए इसे थोड़ा जावास्क्रिप्ट की आवश्यकता होती है। वहाँ भी डीपीआई सेटिंग्स आदि उन सीएसएस चौखटे का उपयोग कर यह वास्तव में आसान बनाता है। या उनमें से कम से कम भागों में।
बेरिन लोरिट्सच

यह ध्यान देने योग्य है कि यह प्रश्न और उत्तर 6 साल पहले के हैं, और वर्तमान गोद लेने की दर को प्रतिबिंबित नहीं कर सकते हैं।
पीटर टेलर

आह क्षमा करें। यह कल किसी कारण से मुख्य फ़ीड में था। तारीख की जाँच करने के लिए नहीं सोचा था।
बेरिन लोरिट्श

4

मैं हर किसी के लिए नहीं बोल सकता, लेकिन मेरे अपने अनुभव के समय और पैसे से निर्णय लेने वाला कारक रहा है। मेरे सहकर्मी और मैं हमेशा नवीनतम सामान देख रहे हैं, लेकिन अलग-अलग आकार के उपकरणों के लिए अलग-अलग लेआउट डिजाइन करना और कार्यान्वित करना एक बड़ी बात है। विशेष रूप से यह देखते हुए कि मेरे 3 साल के नोकिया 5800 पर हमारी सभी वेबसाइट ठीक दिखती हैं - बार साइडबार सामग्री प्राप्त करने के लिए मुझे स्क्रॉल करना पड़ता है। हम छोटी कंपनियों और स्व-नियोजित लोक के लिए वेबसाइट डिजाइन और कार्यान्वित करते हैं।

एक और कारण जो मान्य हो सकता है वह यह है कि मोबाइल संस्करणों के लिए एक पूरी तरह से अलग वेबसाइट की सेवा, अपने स्वयं के अलग साइटमैप ( http://www.google.com/support/webmasters/bin/answer.py?hl=hi&answer=34648 ) के साथ, साइट को बनाए रखने के लिए एक आसान और प्रवेश स्तर का तरीका है।


ठीक है, मुझे लगता है कि एक साइट के लिए एक उत्तरदायी डिज़ाइन को पेश करना मुश्किल है जो कि तैनात या मध्य-चक्र है, लेकिन मुझे लगता है कि एक पूरे मोबाइल उपडोमेन के बजाय कुछ इस तरह से लागू करना बहुत आसान होगा। सौभाग्य से, रेल इस कार्य को विरासत में मिलाए गए टेम्प्लेट के साथ थोड़ा कम कर रही है।
निक

ठीक है, मैं जोड़ने चाहिए कि हमारे मामले में ग्राहक वास्तव में मोबाइल संस्करण आउटसोर्स एक प्रतियोगी को :( मैं व्यक्तिगत रूप से और साथ ही एक अलग साइट के बजाय टेम्पलेट के साथ जाना होगा।
Pelshoff

2

यदि आप डेटा को मज़बूती से पुनर्प्राप्त करने की गारंटी दे सकते हैं, तो यह सब ठीक है।

लेकिन कल्पना करें, कोई व्यक्ति डेस्कटॉप कंप्यूटर के विंडो ब्राउज़र में एक वेबपेज लोड करता है। क्या आप उन्हें सबकुछ पढ़ने के लिए फुलस्क्रीन खोलने के लिए मजबूर करते हैं, या क्या आप आकार को कम करने वाली खिड़की पर ले जाते हैं और बहुत सारे रिक्त स्थान पेश करते हैं क्योंकि वे इसे अधिकतम करते हैं? आप पृष्ठ लोड पर एक बार सीएसएस की सेवा लेते हैं!

जैसे ही आप फ़ोन को घुमाते हैं, ऐसे फ़ोन ब्राउज़र के बारे में जो परिदृश्य / पोर्ट्रेट मोड को स्विच करता है? उस ब्राउज़र के बारे में जो बस बहुत छोटा संकल्प है और लोग सामान्य रूप से ज़ूम-इन का उपयोग करते हैं, लेकिन आपने पहले ही रिपोर्ट किए गए तरीके से अनुकूलित कर लिया है, बहुत छोटा संकल्प और पृष्ठ अप्राप्य हो जाता है?

एक सभ्य सार्वभौमिक, स्केलेबल सीएसएस बनाने के मानक दिशानिर्देशों का पालन करें और ब्राउज़र को पृष्ठ को सही रिज़ॉल्यूशन पर स्केल करने दें।


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

@Riririze बिल्कुल- स्थिर सीएसएस का उपयोग करें जिसमें ऐसे नियम हैं जो सामग्री को गतिशील रूप से अनुकूलित करते हैं - ठीक है। सीएसएस से गतिशील रूप से उत्पन्न अनुरोध करें जिसमें आपके स्क्रीन आकार के लिए सामग्री को सांख्यिकीय रूप से सेट करने के नियम हैं - नहीं।
एसएफ।

2
ओपी मीडिया प्रश्नों का उपयोग करने के बारे में बात कर रहा है, जो गतिशील रूप से (अन्य चीजों के बीच) स्क्रीन आकार के आधार पर चीजों को समायोजित करता है। कोई अतिरिक्त फ़ाइलें लोड नहीं की गईं।
ट्रैविस नॉर्थकट जूल

1
@ एसएफ .: एक Google कैलेंडर विंडो (नई लाल थीम, पुराने नीले एक नहीं) का आकार बदलने की कोशिश करें, यह डरावना शांत है कि वे इसे कैसे संभालते हैं।
रयान

2
@ एसएफ: मूल पोस्ट मीडिया के प्रश्नों के बारे में बात कर रही थी, हेडर या डब्ल्यू / ई के आधार पर अलग सीएसएस की सेवा नहीं दे रही थी।
Pewpewarrows
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.