Build Accessible Sliding Hamburger Menüs mit Offcanvas
Das kostenlose Offcanvas-Plugin ist eine von vielen Ressourcen für gleitende Navigationen. Sie können eine Reihe ähnlicher Plugins online finden, aber Offcanvas sticht aus ein paar Gründen heraus.
Es ist eine ziemlich leichte Bibliothek und während es auf jQuery läuft, ist es auch nicht sehr schwierig einzurichten . Dies gilt sowohl für den JavaScripts-Code als auch für den HTML-Code. Daher müssen Sie Ihre Standardnavigation nicht viel ändern.
Mit dem Offcanvas-Plugin können Sie bestimmte Bereiche festlegen , in denen das Menü angezeigt werden soll . Standardmäßig ist dies normalerweise die linke oder rechte Seite des Bildschirms, aber Sie können auch den oberen oder unteren Bildschirmrand auswählen.Dies macht Offcanvas großartig für mehr als nur Hamburger-Menüs. Es kann zum Verschieben von Benachrichtigungsleisten oder sogar zum Aktivieren von E-Mails verwendet werden .
Jedes Fenster funktioniert auf dieselbe Weise, wenn der Benutzer auf eine beliebige Stelle auf der Seite klicken kann, um das verschiebbare Menü auszublenden . Außerdem können Sie Tastaturbefehle einrichten, die konform mit den ARIA-Richtlinien für eine ordnungsgemäße Webzugänglichkeit ausgeführt werden.
Um Offcanvas zu installieren, benötigen Sie nur eine Kopie von jQuery zusammen mit den Offcanvas CSS / JS-Dateien . Sie können diese durch NPM, Bower oder direkt von GitHub ziehen.
Auch auf der GitHub-Seite sehen Sie ein wenig Beispielcode, den Sie für Ihre Website anpassen können. Alles, was Sie für das gleitende Navi brauchen, ist ein
Dies wird durch einen Ankerlink ausgelöst, der auf die ID Ihres gleitenden Menüs zeigt. Hier ist ein Auszug aus dem Offcanvas GitHub, der ein kurzes Beispiel darstellt:
... ...
Wenn Sie den HTML-Code in Ihrer Seite leicht überarbeiten können, sollten Sie keine Probleme damit haben, alles einzurichten.
Die Funktion offcanvas()
unterstützt sogar Optionen zum Ändern der Animationsgeschwindigkeit, der Standardklasse und der Rückruffunktionen, die ausgeführt werden können, nachdem das Menü geöffnet oder geschlossen wurde.
Um mehr zu erfahren und eine Live-Demo zu sehen, schau dir die Haupt-Plugin-Seite an. Offcanvas ist eine gute Wahl für jQuery- basierte Navigation, wenn Sie Hamburger Menüs mögen.
WhatsApp Status - Ein Snapchat-inspiriertes Feature
In letzter Zeit hat Facebook verschiedene Funktionen eingeführt, die, sagen wir, von anderen sozialen Netzwerkdiensten inspiriert sind. Jetzt hat das Unternehmen beschlossen, einige wesentliche Verbesserungen des Status-Features von WhatsApp zu implementieren und Features zu geben, die an die "Stories" -Funktion von Snapchat erinnern .
Selbstorganisationsunterricht, den Sie von deutschen Schülern lernen können
Ich lebe seit fünf Jahren in Deutschland und habe mit Menschen aus fast allen Lebensbereichen interagiert. Als ich für einen Master-Studiengang hierher kam, war ich am meisten mit deutschen Studenten konfrontiert.Diese interessante Gruppe von Leuten, die sich in der Klasse lautstark die Nase putzen und dem Lehrer ihre Dankbarkeit zeigen, indem sie am Ende des Vortrags auf den Schreibtisch klopfen, besitzt auch scharfe Selbstorganisationsfähigkeiten, die in ihre Persönlichkeit eingebettet sind .Da