jQuery & Single Page Websites

Derzeit schwer im Trend sind Single Page Websites. Dies sind sie zwar schon länger, aber die „neuen“ Single Page Websites enthalten durchaus einiges an Content und Bildern, die den Scrollbalken normalerweise in den Millimeter-Bereich schrumpfen lassen würden. Diese neuartigen Websites zeichnen sich durch ein geändertes Scrollverhalten aus, das sich dadurch auszeichnet, das man funktionell mehrere Seiten in einer einzelnen vereinigt und zwischen den einzelnen Seiten auf möglichst coole und stylishe Art hin und her scrollen kann.

Screenshot von Zoomoz

Möglich macht das ganze HTML5 & CSS3, das wiederum durch jQuery mit den notwendigen Animationen versorgt wird. Man könnte auch sagen: es wird sowohl horizontal, als auch vertikal gescrollt, rotiert, gezoomed und verschoben wie der Teufel! ;) Ein feines Beispiel für eine solche Seite ist zum Beispiel diese hier. Natürlich gibt es Limitierungen und wie immer geht es nur um die richtige Idee, aber wie man an der Seite sieht kann man mit den richtigen Grafiken auch mit wenig Aufwand einen großen Effekt erzielen.

Natürlich gibt es nun auch schon die ersten jQuery Plugins, die einem das Leben erleichtern. Und allein schon durch Einsatz dieser Plugins und dem korrekten setzen von Anchors lassen sich schöne Effekte erzielen, Zoomooz dreht zum Beispiel die gesamte Seite wie einen Würfel – oder besser gesagt könnte. Denn die Plugins ermöglichen eine ganze Reihe an möglichen Scrolloperationen – wie man diese aber einsetzt bleibt jedem selbst überlassen.

Gerade für kleine Websites (Portfolio-Seiten) sind Single Page Websites eine Möglichkeit von der trockenen Darstellungen mit wenig Text hin zu einer durchdachten und coolen Website zu kommen. Werft einfach mal ein Blick auf die Plugins, ich mache jede Wette das euch direkt etwas einfällt, wofür ihr diese einsetzen könnt.

Ähnliche Beiträge

Typeahead – Auto-Complete von Twitter Wenn man in der letzten Zeit eine Sau durch das Dorf getrieben hat, dann war das wohl suggestive Vorschläge bei Formularen. Lustigerweise gibt es die ...
HTML5 Validierung mit jQuery HTML5 besitzt eine eingebaute Validierung für Formular-Elemente, das dumme ist nur, diese funktioniert derzeit nur auf Webkit-Browsern und nicht auf F...
50 CSS3 Button Sets Der Trick ist ja der folgende: Je mehr CSS3, desto weniger Grafiken zum nachladen, desto schneller die Seite. Allerdings (und das muss man ganz klar s...
10 nette jQuery Snippets jQuery ist schön, jQuery ist nett und dankenswerterweise geht eine Menge mit Copy&Paste. Was manche an dieser Stelle allerdings als Segen betracht...

Eine Antwort auf „jQuery & Single Page Websites“

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.