वेब ऐप्लिकेशन बनाते समय, सबसे ज़रूरी चीज़ों में से एक है अपने ऐप्लिकेशन के कॉन्टेंट को लेआउट में पेश करने का तरीका.
कई डिज़ाइनर, कॉन्टेंट दिखाने के लिए काल्पनिक ग्रिड का इस्तेमाल करते हैं. फिर चाहे यह किसी साइट या ऐप्लिकेशन के लिए हो. सीएसएस ग्रुप, लेआउट को आसान बनाने के लिए कड़ी मेहनत कर रहा है. इसी वजह से, सीएसएस ग्रिड लेआउट मॉड्यूल भी अब ब्राउज़र में उपलब्ध हो रहा है.
यह सुविधा, प्रयोग के तौर पर इस्तेमाल किए जा रहे फ़्लैग के पीछे Chrome में आज़माने के लिए उपलब्ध है. इसे आईई में भी वर्शन 10 के बाद से लागू किया गया है और जल्द ही यह ज़्यादातर ब्राउज़र पर उपलब्ध हो सकता है.
कारोबार के बारे में कम शब्दों में बताने वाली खास जानकारी
- सीएसएस ग्रिड लेआउट की मदद से, अपने लेआउट के लिए पंक्तियां और कॉलम तय किए जा सकते हैं
- उपलब्ध जगह का इस्तेमाल करने के लिए ग्रिड में ज़रूरत के हिसाब से बदलाव किए जा सकते हैं
- कॉन्टेंट का क्रम, ग्रिड कंटेनर के डिसप्ले ऑर्डर से अलग हो सकता है
- लेआउट, मीडिया क्वेरी के आधार पर बदल सकते हैं. इससे रिस्पॉन्सिव डिज़ाइन आसान हो जाता है
- कॉन्टेंट ओवरलैप हो सकता है (ऐसे लेआउट को चालू कर सकता है जिसे दूसरे तरीकों के साथ नामुमकिन है)
- ग्रिड लेआउट तेज़ है
यहां खास जानकारी देने वाला एक वीडियो दिया गया है. इसमें सीएसएस ग्रिड लेआउट के काम करने के तरीके के बारे में काफ़ी जानकारी दी गई है (स्लाइड यहां दी गई हैं:
इसे आज़माएं
अब Chrome में, सीएसएस ग्रिड लेआउट का इस्तेमाल करना आसान है. सुविधा को चालू करने के लिए, आपको सबसे पहले एक्सपेरिमेंट के तौर पर इस्तेमाल होने वाले फ़्लैग को चालू करना होगा.
सबसे पहले chrome://flags यूआरएल लोड करें और नीचे स्क्रोल करके प्रयोग के तौर पर उपलब्ध वेब प्लैटफ़ॉर्म सुविधाएं चालू करें विकल्प पर जाएं, जैसा कि नीचे दिखाया गया है:
फ़्लैग को चालू करने के लिए बस चालू करें पर क्लिक करें. इसके बाद आपको कुछ इस तरह दिखाई देने वाले ब्राउज़र को रीस्टार्ट करने का निर्देश दिखाई देगा:
अब अपना ब्राउज़र रीस्टार्ट करने के लिए, अभी फिर से लॉन्च करें बटन पर क्लिक करें. इससे आप सीएसएस ग्रिड लेआउट आज़मा सकेंगे.
हमें आपकी राय का इंतज़ार है
सीएसएस ग्रिड लेआउट, वेब कॉन्टेंट के लिए एक बेहतरीन आइडिया है. हालांकि, हमेशा की तरह हम यह जानना चाहते हैं कि डेवलपर इसके बारे में क्या सोचते हैं. सुझाव देने के कई तरीके हैं - यहां टिप्पणी करें, W3C सीएसएस वर्किंग ग्रुप की सूची को मेल भेजें. इस ईमेल की सब्जेक्ट लाइन में "[css-grid]" लिखा होना चाहिए. गड़बड़ी या ब्लॉग को लॉग करें और अपने विचारों को ट्वीट करें. हमें इस सुविधा की मदद से शानदार लेआउट बनाने का बेसब्री से इंतज़ार है.