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

Bacon.js – Bezier-Kurven für Texte Das Leben eines Webworkers ist nicht einfach, vor allem dann wenn man einem Kunden erklären muss, dass ein Bild mit Transparenz - auch wenn es dreimal...
Sprite-Animation für HTML5 Willkommen zu einer neuen Folge von Zurück in die Zukunft. Spiele in HTML5 bringen eine Menge Technik mit sich, die die Generation C64 bereits aus dem...
jQuery Boilerplate – jQuery Plugins für Dumm... Im Bereich der Webentwicklung bewegen wir uns derzeit in einem Bereich, in dem Code nicht nur funktionieren, sondern auch wiederverwendbar sein muss. ...
Lettering.js für jQuery Ich fürchte die Sache mit den Webfonts ist noch lange nicht ausgestanden, zum einen kämpft man ständig mit Unstyled Content, zum anderen können die Br...

Eine Antwort auf „jQuery & Single Page Websites“

Schreibe einen Kommentar

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