JQuery के Slidebars फ्रेमवर्क के साथ आसान स्लाइडिंग हैम्बर्गर मेनू बनाएँ

के उपयोग पर UX डिजाइनरों की टिकिया हैमबर्गर मेनू वेब डिज़ाइन में। वे मोबाइल उपयोगकर्ताओं के लिए एक उद्देश्य परोसें लेकिन खोज कम है.

मैं नहीं कह सकता कि वे आपकी वेबसाइट पर उपयोग करने के लायक हैं या नहीं, लेकिन यदि आप एक आसान तरीका ढूंढ रहे हैं एक स्लाइडिंग मेनू सेट करें फिर स्लाइडबर्स फ्रेमवर्क एक आसान संसाधन है.

स्लाइडबर्स पूरी तरह से स्वतंत्र और खुला-स्रोत है, निर्मित है jQuery लाइब्रेरी के शीर्ष पर. यह वैसा ही काम करता है जैसा आप अपेक्षा करते हैं कि आप एक स्लाइडिंग मेनू खोलने के लिए एक हैमबर्गर आइकन पर क्लिक करें और यह स्क्रीन को कैनवास से धकेलता है जगह बनाना.

एक विशेषता मुझे विशेष रूप से पसंद है टैप-टू-छिपा सेटअप जहां आप पृष्ठ पर कहीं भी टैप कर सकते हैं तुरंत मेनू को छिपाएं. यह हर स्लाइडिंग मेनू प्लगइन में नहीं बनाया गया है, लेकिन यह एक ऐसी सुविधा है जो उपयोगकर्ता के अनुभव को बेहतर बनाती है.

यह प्लगइन पूरी तरह से खुला हुआ है और कोड मुफ्त में उपलब्ध है गिटहब पर यदि आप चारों ओर प्रहार करना चाहते हैं। हालांकि, रेपो दस्तावेज़ीकरण का एक स्पष्ट सेट याद कर रहा है जो सेटअप को कठिन बनाता है.

शुक्र है, आप इसे मुख्य साइट पर पा सकते हैं पूर्ण उपयोग गाइड Slidebars ऊपर और तेजी से चलाने के लिए.

यह स्लाइडिंग मेनू का समर्थन करता है स्क्रीन के चारों तरफ से, साथ में कस्टम सुविधाएँ एनीमेशन प्रभाव, रंग विकल्प और मेनू की कुल चौड़ाई / ऊँचाई के लिए.

पूरे स्लाइडिंग मेनू एक ऑफ-पेज तत्व पर काम करता है, तो आपको करने की आवश्यकता है ऑफ-कैनवास मेनू को ठीक से सेट करें. इसमें स्टाइलिंग के लिए उचित HTML और उचित CSS दोनों शामिल हैं.

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

Slidebars वास्तव में एक है पूर्ण रूपरेखा और यह भी एक है कस्टम एपीआई आप काम कर सकते हैं। यह आपको अनुमति देता है jQuery के कार्यों को कॉल करें सुविधाओं को जोड़ने या डिफ़ॉल्ट कार्यक्षमता को अनुकूलित करने के लिए। डेवलपर्स के लिए एक उत्कृष्ट विकल्प जिन्हें स्लाइडिंग मेनू की आवश्यकता है, लेकिन स्क्रैच से एक नहीं बनाना चाहते हैं.

यदि आप Slidebars वेबसाइट की अधिक जाँच करने के लिए उत्सुक हैं। यह शाब्दिक रूप से सब कुछ है जो आपको जानना चाहिए और चारों ओर जाने के लिए बहुत सारे डेमो चाहिए.