Δημιουργία εύκολων συρόμενων μενού χάμπουργκερ με jQuery Slidebars Framework

UX σχεδιαστές bicker πάνω από τη χρήση του μενού για χάμπουργκερ στο σχεδιασμό ιστοσελίδων. Αυτοί εξυπηρετούν ένα σκοπό για τους χρήστες κινητών τηλεφώνων αλλά επίσης έχουν μικρότερη ανιχνευσιμότητα.

Δεν μπορώ να πω αν αξίζει να χρησιμοποιείτε στον ιστότοπό σας ή όχι, αλλά αν ψάχνετε έναν εύκολο τρόπο ρυθμίστε ένα συρόμενο μενού μετά το Slidebars Framework είναι ένας εύχρηστος πόρος.

Οι slidebars είναι εντελώς δωρεάν και ανοικτού κώδικα, χτισμένα στην κορυφή της βιβλιοθήκης jQuery. Λειτουργεί ακριβώς όπως θα περίμενε κανείς όταν κάνετε κλικ σε ένα εικονίδιο χάμπουργκερ για να ανοίξετε ένα συρόμενο μενού και αυτό σπρώχνει την οθόνη εκτός καμβά για να κάνει χώρο.

Ένα χαρακτηριστικό που μου αρέσει ιδιαίτερα είναι το Ρύθμιση απόρριψης-απόκρυψης όπου μπορείτε να αγγίξετε οπουδήποτε στη σελίδα Κλείστε αμέσως το μενού. Αυτό δεν είναι ενσωματωμένο σε κάθε συρόμενο μενού plugin, αλλά είναι ένα χαρακτηριστικό που βελτιώνει σημαντικά την εμπειρία του χρήστη.

Αυτό το plugin είναι απόλυτα ανοιχτό και ο κώδικας είναι διαθέσιμος δωρεάν στο GitHub αν θέλετε να πετάξετε. Εντούτοις, στο ρεπορτάζ λείπει ένα σαφές σύνολο τεκμηρίωσης που καθιστά την εγκατάσταση σκληρότερη.

Ευτυχώς, μπορείτε να βρείτε αυτό στο κεντρικό site με οδηγούς πλήρους χρήσης για να παίρνουν γρήγορα τα slidebars.

Υποστηρίζει συρόμενα μενού από τις τέσσερις πλευρές της οθόνης, μαζί με προσαρμοσμένες λειτουργίες για εφέ κίνησης, επιλογές χρωμάτων και συνολικό πλάτος / ύψος του μενού.

Ολόκληρο το συρόμενο μενού λειτουργεί σε ένα στοιχείο εκτός σελίδας, έτσι πρέπει ρυθμίστε σωστά το μενού εκτός καμβά. Αυτό περιλαμβάνει τόσο το σωστό HTML όσο και το σωστό CSS για στυλ.

Όλα αυτά είναι λεπτομερώς λεπτομερώς στην τεκμηρίωση, οπότε αν ακολουθήσετε τις σελίδες βήμα προς βήμα θα πρέπει να το λειτουργήσετε καλά. Και, η προεπιλεγμένη ρύθμιση δεν απαιτεί προσαρμοσμένες ιδιότητες, οπότε αν ακολουθείτε μόνο τα βασικά βήματα, δεν θα έχετε κανένα πρόβλημα.

Τα slidebars είναι πραγματικά α πλήρες πλαίσιο και έχει ακόμη ένα προσαρμοσμένο API μπορείτε να εργαστείτε. Σας επιτρέπει να κλήση λειτουργιών jQuery για να προσθέσετε λειτουργίες ή να προσαρμόσετε τις προεπιλεγμένες λειτουργίες. Μια εξαιρετική επιλογή για προγραμματιστές που χρειάζονται ένα συρόμενο μενού αλλά δεν θέλουν να δημιουργήσουν ένα από το μηδέν.

Αν είστε περίεργοι να μάθετε περισσότερα, ανατρέξτε στον ιστότοπο Slidebars. Έχει κυριολεκτικά όλα όσα πρέπει να ξέρετε και πολλά demos για να πάει γύρω.