ग्रिडटैब के साथ उत्तरदायी टैब्ड विजेट बनाएं
हमेशा वेबसाइटों का उपयोग करना आसान होता है खुला स्रोत उपकरण बजाय पहिया को रोकने के। ये उपकरण पुस्तकालयों से लेकर छोटे प्लगइन्स तक हैं लेकिन आप मूल रूप से किसी भी चीज़ के लिए एक समाधान पा सकते हैं.
अदभुत jQuery के ग्रिडटैब प्लगइन एक अच्छा उदाहरण है। यह आपको अनुमति देता है एक कस्टम ग्रिड सेट करें, ब्रेकप्वाइंट को परिभाषित करें, तथा एक उत्तरदायी टैब्ड विजेट बनाएं यह किसी भी वेबसाइट के लिए उपयुक्त है.
आप अपनी स्वयं की CSS कक्षाएं जोड़ सकते हैं या मौजूदा लोगों के साथ काम कर सकते हैं ताकि आपके डिज़ाइन के अनुरूप एक टैब सुविधा बनाई जा सके। यह प्लगइन भी समर्थन करता है अगले / मौजूदा नियंत्रण के लिए नेविगेशन तत्व तथा टैब के बीच स्विच करना.
स्थापना एक हवा है और इसे केवल हवा की आवश्यकता होती है एक निर्भरता के रूप में jQuery पुस्तकालय. एक बार स्थापित होने के बाद, आप ग्रिडटैब को npm से पकड़ सकते हैं या इसे सीधे GitHub से डाउनलोड कर सकते हैं.
ध्यान रखें कि इस टैब किए गए विजेट प्लगइन में ए है डिफ़ॉल्ट शैली, तो यह एक है अलग सीएसएस स्टाइलशीट जेएस प्लगइन फ़ाइल के शीर्ष पर। लेकिन, HTTP अनुरोधों को कम करने के लिए आप इस CSS को हमेशा अपने आप में मर्ज कर सकते हैं.
प्लगइन को इनिशियलाइज़ करने के लिए, आप बस पास करें कुल ग्रिड आकार साथ में कोई भी वैकल्पिक पैरामीटर (सभी GitHub पर सूचीबद्ध हैं).
यहाँ एक सरल है आरंभीकरण स्क्रिप्ट:
$ (दस्तावेज़)। पहले से ही (फ़ंक्शन () $ ('# ग्रिडटैब -1')। ग्रिडटैब (ग्रिड: 3);); सेटिंग्स शामिल हैं कस्टम चयनकर्ता, उत्तरदायी शैलियों, बॉर्डर / पैडिंग / रंग सेटिंग्स, और हां, ए कॉलबैक फ़ंक्शन.
आप यह देखने के लिए उत्सुक होंगे कि यह सब कैसे काम करता है और यह आपके ब्राउज़र में कैसा दिखता है। इसकी जाँच पड़ताल करो “क़ौम” एक देखने के लिए अनुभाग कुछ उदाहरण, समेत कच्चे स्रोत कोड आप कॉपी कर सकते हैं.
अधिकांश लोग टैब को छोटे प्रोफ़ाइल विजेट के लिए सुविधाओं के रूप में सोचते हैं। हालाँकि, पोर्टफोलियो वेबसाइटों का उपयोग भी कर सकते हैं टैब्ड सुविधाओं के साथ ग्रिड और ग्रिडटैब प्लगइन इस आशय को श्रेष्ठ बनाने के लिए सबसे अच्छा संसाधन है.
आपको जो कुछ भी जानना आवश्यक है, उसमें शामिल हैं पूर्ण प्रलेखन, मुख्य ग्रिड पेज पर पाया जा सकता है। इसमें गिटहब रेपो का एक लिंक भी शामिल है ताकि आप स्रोत के माध्यम से ब्राउज़ कर सकें और अपने स्वयं के उत्तरदायी टैब ग्रिड को अनुकूलित करना शुरू कर सकें.
