10 सबसे आकर्षक jQuery ग्रिड
jQuery आमतौर पर ज्यादातर लोगों के लिए पहली पसंद है जो जावास्क्रिप्ट प्रोग्रामिंग में अपने पैरों को डुबाना चाहते हैं क्योंकि यह HTML तत्वों का चयन करने और DOM में हेरफेर करने के लिए एक आसान तरीका प्रदान करता है। W3Tech के हालिया आंकड़ों के अनुसार, jQuery बेतहाशा लोकप्रिय है, “jQuery का उपयोग उन सभी वेबसाइटों के 95.4% द्वारा किया जाता है जिनकी जावास्क्रिप्ट लाइब्रेरी हम जानते हैं.”
jQuery का उपयोग कई जावास्क्रिप्ट पुस्तकालयों द्वारा एक निर्भरता के रूप में भी किया जाता है, और नई प्रमुख रिलीज के अल्फा संस्करण, jQuery 3.0 पहले से ही बाहर है। यदि आपका प्रोजेक्ट किसी भी तरह से jQuery का उपयोग करता है और आप ए गतिशील, लचीला लेआउट अपने डिजाइन के लिए यह आपके सीमावर्ती स्टैक में एक jQuery ग्रिड प्लगइन शामिल करने पर विचार करने के लिए लायक है.
JQuery ग्रिड काम कैसे करते हैं?
jQuery ग्रिड आपको बताएंगे अपनी साइट के लिए Pinterest जैसे लेआउट बनाएँ. वे एक आभासी मैट्रिक्स की तरह काम करते हैं, वे इसका अनुसरण करते हैं “एक बॉक्स के अंदर बॉक्स” सिद्धांत। jQuery ग्रिड गतिशील रूप से गणना करता है कि वस्तुओं की सबसे अच्छी व्यवस्था क्या है और पृष्ठ को उनके साथ इस तरह से आबाद करें कि कम से कम खाली स्थान छोड़ दें, कुछ ऐसा जो आप इन बॉक्सों में देखते हैं।.
CSS ग्रिड की तुलना में jQuery ग्रिड का मुख्य लाभ यह है कि वे छवियों या अन्य मीडिया तत्वों के साथ काम करते हैं जिनकी अलग-अलग चौड़ाई और ऊंचाइयां होती हैं। कूल जावास्क्रिप्ट प्रभाव भी आधुनिक लेआउट बनाने के लिए jQuery ग्रिड का उपयोग करने का एक बड़ा कारण है.
इस पोस्ट में आप के बारे में पढ़ सकते हैं 10 सबसे आकर्षक jQuery ग्रिड वर्तमान में बाजार पर बाहर हैं - बेशक, jQuery की तरह, वे सभी खुले-स्रोत और मुफ्त हैं.
1. jQuery के नेस्ट
jQuery के नेस्ट आपको एक काम देता है बहु-स्तंभ ग्रिड लेआउट जो उत्तरदायी है और सभी प्रकार के उपकरणों में काम करता है। यह jQuery प्लगइन खुद को पूरी तरह से अंतर-मुक्त के रूप में विज्ञापित करता है। सबसे पहले यह नारा एक सस्ते मार्केटिंग ट्रिक की तरह लग सकता है, लेकिन प्लगइन वास्तव में बहुत अच्छी तरह से अंतर-स्वतंत्रता को पूरा करता है, जैसा कि इसके निर्माताओं ने वादा किया था.
jQuery के नेस्टेड एक अद्वितीय स्क्रिप्ट का अनुसरण करता है ग्रिड मैट्रिक्स को आबाद करना. पहले यह एक बहु स्तंभ ग्रिड बनाता है, फिर यह मैट्रिक्स को अंतराल के लिए स्कैन करता है और विभिन्न तत्वों को फिर से व्यवस्थित करके उन्हें भरता है। अंत में - और यह वह कदम है जो इस ग्रिड को अंतरहीन बनाता है - यह नीचे की पंक्ति में किसी भी तत्व का आकार बदलता है जो अंतराल में ठीक से फिट नहीं होता है.
2. फ़्रीवॉल
फ़्रीवॉल आपको वह लेआउट बनाने की अनुमति देता है जो आप चाहते हैं कि क्या यह एक छवि ग्रिड, एक नेस्टेड ग्रिड, एक चिनाई या मेट्रो-शैली ग्रिड है। इसके कई विकल्प हैं जिन्हें आप जावास्क्रिप्ट चर के रूप में सेट कर सकते हैं जैसे कि gutterX, gutterY, चेतन, cellW, cellH, आदि में इस तरह के रूप में कस्टम घटनाओं है onGapFound तथा onResize, और कस्टम तरीके भी.
आप उनकी वेबसाइट पर अच्छा कोड उदाहरण पा सकते हैं। देवताओं ने उन गरीब आत्माओं की भी देखभाल की जिन्हें अभी भी पुराने ब्राउज़रों के लिए डिज़ाइन करना है, इसलिए फ्रीवेल समर्थन करता है इंटरनेट एक्सप्लोरर 8, और यह भी एक है विकलांग जावास्क्रिप्ट के लिए समाधान, जैसा वह उपयोग करता है CSS 3 एनिमेशन एक जेएस फॉलबैक रणनीति के रूप में. फ्रीवेल पर हमारा लेख यहां देखें.
3. चिनाई
अच्छी पुरानी चिनाई का नाम हर अनुभवी डिजाइनर के कानों से परिचित होना चाहिए। यदि आपने इसके बारे में नहीं सुना है, तो चिनाई एक है कैस्केडिंग ग्रिड लेआउट लाइब्रेरी यह jQuery और वेनिला जावास्क्रिप्ट दोनों के साथ काम करता है.
यह आसान प्लगइन कई लोकप्रिय वर्डप्रेस थीम का आधार है। आपको इसे अपने सर्वर पर अपलोड करने की भी आवश्यकता नहीं है क्योंकि आप आसानी से लाइब्रेरी को सीधे सीडीएन से लिंक कर सकते हैं.
>
