Responsive Web Design
Responsive Web Design
यह एक प्रकार का वेब डिजाइनिंग एप्रोच है जिसका प्रयोग वेबसाइट को अलग अलग डिवाइस (जैसे - लैपटॉप, टेबलेट, मोबाइल, आदि) में वेबसाइट के लेआउट को डिवाइस के अनुसार ऑटो एडजस्ट करने के लिए इस एप्रोच का प्रयोग किया जाता है।
इस Responsive Web Design शब्द का सर्वप्रथम प्रयोग Ethan Marcotte ने किया था। इनके अनुसार responsive web design के तीन भाग निम्न होते है -
Fluid Grid - इसमें fluid width column, fixed gutter व fixed margin होती है। जिसमे स्क्रीन साइज के आधार पर column grow या shrink हो जाता है।
Fluid Image - Image की hieght, width px में सेट करने से कभी कभी इमेज स्क्रीन पर प्रॉपर डिस्प्ले नही होती है। अतः responsive web design के लिए इमेज को responsive बनाना जरूरी होता है।
Media Queries - स्क्रीन resolution व Orientation के आधार पर layout customize कर सकती है।
No comments:
Post a Comment