צור קל הזזה תפריטים המבורגר עם מסגרת jQuery Slidebars

מעצבי UX להתגרות על השימוש תפריטי המבורגר עיצוב אתרים. הם לשרת מטרה עבור משתמשים ניידים אבל גם יש יכולת גילוי נמוכה יותר.

אני לא יכול לומר אם הם שווים להשתמש באתר שלך או לא, אבל אם אתה מחפש דרך קלה הגדרת תפריט הזזה אז ה מסגרת הוא משאב שימושי.

Slidebars הוא לגמרי בחינם קוד פתוח, בנוי על ספריית jQuery. זה עובד בדיוק כמו שאתה מצפה איפה אתה לוחץ על סמל המבורגר כדי לפתוח תפריט הזזה וזה דוחף את המסך מעל בד לפנות מקום.

תכונה אחת אני אוהב במיוחד הוא הקש כדי להסתיר שבו אתה יכול להקיש בכל מקום על הדף מיד להסתיר את התפריט. זה לא מובנה בתוך כל תוסף התפריט הזזה אבל זה תכונה מאוד משפר את חוויית המשתמש.

תוסף זה לגמרי פתוח המקור ואת הקוד זמין בחינם על גייתוב אם אתה רוצה לחטט. עם זאת, ריפו חסר מערך ברור של תיעוד מה שהופך את ההתקנה קשה יותר.

למרבה המזל, אתה יכול למצוא את זה באתר הראשי עם מדריכי שימוש מלאים עבור מקבל Slidebars למעלה & פועל מהר.

הוא תומך בתפריטים הזזה מכל ארבעת צדי המסך, ביחד עם תכונות מותאמות אישית עבור אפקטי הנפשה, אפשרויות צבע ורמת רוחב / גובה כוללת של התפריט.

כל התפריט הזזה עובד על אלמנט מחוץ לדף, אז אתה צריך להגדיר את התפריט מחוץ בד כראוי. זה כולל הן HTML תקין CSS הנכון עבור סגנון.

כל זה מפורט ביסודיות בתיעוד, אז אם אתה מבין את הדפים שלב אחר שלב אתה צריך לקבל את זה עובד בסדר גמור. בנוסף, הגדרת ברירת המחדל אינו דורש מאפיינים מותאמים אישית, אז אם אתה פשוט בצע את השלבים הבסיסיים תהיה לך שום בעיה.

Slidebars באמת מסגרת מלאה וזה אפילו יש API מותאם אישית אתה יכול לעבוד. זה מאפשר לך קריאה פונקציות jQuery כדי להוסיף תכונות או להתאים אישית את פונקציונליות ברירת המחדל. בחירה מצוינת עבור מפתחים הזקוקים לתפריט הזזה אבל לא רוצים ליצור אחד מאפס.

אם אתה סקרן ללמוד עוד לבדוק את האתר Slidebars. זה ממש כל מה שאתה צריך לדעת והרבה הדגמות ללכת מסביב.