de.hideout-lastation.com
Paradies Für Designer Und Entwickler


Erstellen Sie Easy Sliding Hamburger Menüs mit jQuery Slidebars Framework

UX-Designer streiten sich über die Verwendung von Hamburgermenüs im Webdesign. Sie dienen einem Zweck für mobile Benutzer, haben aber auch eine geringere Auffindbarkeit .

Ich kann nicht sagen, ob sie es wert sind, auf Ihrer Website zu verwenden oder nicht, aber wenn Sie nach einer einfachen Möglichkeit suchen , ein gleitendes Menü einzurichten, dann ist das Slidebars Framework eine praktische Ressource.

Slidebars ist völlig kostenlos und Open-Source, auf der jQuery-Bibliothek gebaut . Es funktioniert genau so, wie Sie es erwarten, wenn Sie auf ein Hamburger-Symbol klicken, um ein gleitendes Menü zu öffnen, und es schiebt den Bildschirm aus der Leinwand, um Platz zu schaffen.

Eine Funktion, die mir besonders gefällt, ist das Tap-to-hide-Setup, bei dem Sie auf eine beliebige Stelle auf der Seite tippen können, um das Menü sofort zu verbergen . Dies ist nicht in jedem Sliding-Menü-Plugin enthalten, aber es ist eine Funktion, die die Benutzerfreundlichkeit erheblich verbessert.

Dieses Plugin ist komplett Open-Source und der Code ist kostenlos auf GitHub verfügbar, wenn Sie herumstochern wollen. Dem Repo fehlt jedoch eine klare Dokumentation, die das Setup schwieriger macht.

Zum Glück finden Sie dies auf der Hauptseite mit ausführlichen Anleitungen, um Slidebars schnell zum Laufen zu bringen.

Es unterstützt Schiebe-Menüs von allen vier Seiten des Bildschirms, zusammen mit benutzerdefinierten Funktionen für Animationseffekte, Farbauswahl und Gesamtbreite / -höhe des Menüs.

Das gesamte gleitende Menü funktioniert auf einem Off-Page-Element . Daher müssen Sie das Off-Canvas-Menü ordnungsgemäß einrichten . Dies umfasst sowohl den richtigen HTML-Code als auch das richtige CSS für das Styling.

All dies wird ausführlich in der Dokumentation beschrieben. Wenn Sie also Schritt für Schritt den Seiten folgen, sollten Sie es gut funktionieren lassen. Und für die Standardeinrichtung sind keine benutzerdefinierten Eigenschaften erforderlich. Wenn Sie nur die grundlegenden Schritte ausführen, haben Sie keine Probleme.

Slidebars ist wirklich ein vollständiges Framework und es hat sogar eine benutzerdefinierte API, über die Sie arbeiten können. Sie können jQuery-Funktionen aufrufen, um Funktionen hinzuzufügen oder Standardfunktionen anzupassen. Eine ausgezeichnete Wahl für Entwickler, die ein gleitendes Menü benötigen, aber nicht von Grund auf neu erstellen möchten.

Wenn Sie neugierig sind, erfahren Sie mehr auf der Slidebars-Website. Es hat buchstäblich alles, was Sie wissen müssen, und viele Demos, um herumzulaufen.

10 Zeichen Sie sind zu weit in Freelance Design gegangen

10 Zeichen Sie sind zu weit in Freelance Design gegangen

Freiberufliches Design ist großartig, aber niemand, den ich kenne, ist so geblieben, wie er oder sie vorher war, nach Jahren einer (oft traumatischen) freiberuflichen Erfahrung. Nach einer Weile würden wir gerne denken, dass wir uns Stück für Stück zu etwas jenseits des Menschen entwickelt haben, entweder mit übernatürlichen Fähigkeiten oder mit geistig störenden Eigenschaften, und das möchte ich heute in diesem Beitrag teilen: die 10 Gewohnheiten, die du entwickelst wenn du zu weit in freiberufliches Design fällst .Laufe durc

(Tech- und Design-Tipps)

Mythos - CSS der Zukunft schreiben

Mythos - CSS der Zukunft schreiben

CSS hat eine Reihe neuer Funktionen wie CSS-Verläufe, Schatten, Rahmenradius und Animation eingeführt, die alle nur mit CSS erreicht werden können. Es gibt auch einige Funktionen, die aufgrund der fehlenden Browserunterstützung für CSS-Variablen und CSS-Funktionen von calc() noch implementiert werden müssen. Aber

(Tech- und Design-Tipps)