Smint – vernünftiges Menü für Onepage Layouts

Screenshot eines Smint Menüs

Onepage-Seiten sind eine sehr feine Sache, vor allem für Portfolios wo es in der Regel eh nicht viel zu sagen gibt außer „kauf mich“. Sollte ich jemals dafür Zeit finden meine eigene Portfolio-Seiten zu relaunchen wird die zum einen wohl statisch werden (oder halt Kirby), zum anderen nur noch auf einer Seite stattfinden. Was dann mal locker zu dem Problem des Scrolling innerhalb von Onepage Layouts führt.

Screenshot eines Smint Menüs

Zum einen heißt scrollen exakt dies: eine sanfte Bewegung in eine Richtung. Insbesondere bedeutet es nicht: simples Verlinken innerhalb von Ankern und hartes hin und herspringen. Außerdem muss man sich ja noch der Herausforderung stellen, dass das Menü immer sichtbar sein muss, und nicht aus dem sichtbaren Bereich heraus scrollen sollte. Lösungen gibt es hierfür wie Sand am Meer, aber dummerweise haben sie immer einen Haken. Der eine hat noch nie gehört das man ein solches Menü auch mit purem CSS lösen könnte, der nächste versucht Schwindelanfälle durch innovatives Scrolling zu erzeugen.

Das jQuery Plugin Smint hingegen gehört zu den angenehmeren Gesellen seiner Gattung und funktioniert ganz ordentlich, wie man auch dieser Demo entnehmen kann. Bei aller Innovation dürft ihr nicht vergessen, das ihr auch ein gewisses Maß an Benutzerführung haben müsst, und Smint löst an dieser Stelle dieses Problem ideal.

Ähnliche Beiträge

jQuery Form Wizard Web-Formulare können einfach sein, aber auch ganz schön komplex werden. Besonders eklig können diejenigen werden, die auf mehrere Seiten aufgeteilt we...
Teaser mit jQuery erstellen Heutzutage besitzt fast jede halbwegs ernst zu nehmende Webapp ein Mini-CMS im Backend. Meistens basierend auf einem WYSIWYG-Editor in JavaScript. Eig...
jFontSize – dynamische Font-Size mittels jQu... Ich entwickele zur Zeit einen Magento-Shop für Silver Surfer. Natürlich gibt es da besondere Ansprüche, und eine davon ist die klare Lesbarkeit der Se...
Nivo – ultimativer Image Slider für jQuery Image Slider gibt es inzwischen wie Sand am Meer und irgendwie werden sie langsam langweilig! Letztendlich machen sie alle den gleichen Fade-Effekt un...

Ein Kommentar

  • Nicht schlecht. Ein nettes kompaktes Script.
    Jedoch müsste man das Script nocheinmal überarbeiten. Es wirft z.B. Fehler wenn im getriggerten Menü ein id Attribut fehlt, oder ist generell nur in der Lage Div container anzuspringen (besser: beliebige Elemente mit einer bestimmten class).

Schreibe einen Kommentar