201208Mär

PageSlide: Zusatzinformationen am Rand einblenden

Manchmal kann es sinnvoll sein, weiterführende Informationen auf einer Website auszublenden und diese durch den Benutzer anzeigen zu lassen. Für dieses Szenario bieten sich diverse Lösungen wie Tabs, Accordions, Lightboxes oder andere modale HTML-Bereiche an, die wieder ausgeblendet werden können. Meerkat stellt beispielsweise eine elegante Möglichkeit dar, um Informationen im Fußbereich einzublenden. Wer diesen Effekt auf die Seite übertragen will und die komplette Website dabei verschieben möchte, sollte einen Blick auf das jQuery-Plugin PageSlide werfen.

PageSlide - a jQuery plugin which slides a webpage over to reveal an additional interaction pane

Der Entwickler Scott Robbin bietet sein Plugin mit unterschiedlichen Optionen an: So können die Zusatzinformationen am Rand als modaler Bereich geöffnet werden, so dass diese durch eine Schaltfläche wieder versteckt werden können. Auch im "responsive Design" lässt sich das Plugin einsetzen, wie diese Demo veranschaulicht. PageSlide gibt es wieder bei GitHub mit weiterführenden Infos.

RSS-Feed abonnieren

Kommentare

Patrick Offczorz schrieb am 09.03.2012 #1

Eine nette Sache. Leider ruckelt es ein wenig auf dem iPad.

Kevin schrieb am 12.03.2012 #2

Dann musst Du dir nen Androiden zulegen! Läuft super auf dem Galaxy Tab 10.1 und kann man echt gebrauchen – Danke! :-)