Parallax Scrolling: 5 kostenlose Plugins für Webdesign-Projekte
Kommentare

Parallax Scrolling gehört derzeit zu einem der beliebtesten Webtrends und ist ein Augenschmaus für jeden Pixel-Liebhaber. Durch einfaches Scrollen am Mausrädchen werden in der Regel Bilder oder andere Elemente in Bewegung gesetzt, wodurch eine auf den ersten Blick statische Website plötzlich dynamisch und lebendig wirkt.

Damit Ihr Euren Websites eigene Parallax-Flügel verleihen könnt, empfehlen wir euch die Nutzung von kostenlosen Parallax Plugins. Wir haben nachfolgend fünf Plugins zusammengetragen, die Euch dabei helfen können.

Scrollability

Scrollability bringt Parallax auf Apples iPhone. Normalerweise kann der mobile Safari Browser aufgrund von Restriktionen keine Scroll-Effekte anzeigen. Um das zu umgehen, macht Scrollability Gebrauch von einer Bypass-Lösung.

http://markdalgleish.com/projects/stellar.js/demos/ios.html

Screenshot: http://markdalgleish.com/projects/stellar.js/demos/ios.html

Scrollorama

Mit Hilfe des jQuery-Plugins Scrollorama bringt man den Parallax-Effekt auf seine eigene Seite. Das Tool von Entwickler John Polacek könnt Ihr kostenlos herunterladen.

http://johnpolacek.github.io/scrollorama/

Screenshot: http://johnpolacek.github.io/scrollorama/

Scrollorama2: SuperScrollorama

Der zweite Teil des Scrollorama Plugins soll noch ausgefallener sein und ist ebenfalls kostenlos erhältlich. Der folgende Screenshot zeigt eine Demoseite, in der es zum Einsatz kommt.

http://www.nouvelleoctavia.fr/

Screenshot: http://www.nouvelleoctavia.fr/

Simple Parallax Scroll

Auf der Tutorial-Plattform net.tutsplus.com findet Ihr einfachen Code, der einer Website Parallax-Flügel verleiht. In nur zwei Schritten erklärt Euch Designer Mohiuddin Parekh, wie Ihr ihn einbinden könnt.

http://nettuts.s3.amazonaws.com/2138_SimpleParallax/Demo/index.html

Screenshot: http://nettuts.s3.amazonaws.com/2138_SimpleParallax/Demo/index.html

Parallax.js

Mit Parallax.js bekommt Ihr ein Javascript Framework, mit dem Ihr Slideshows, Page Transistions und Hintergründe mit Parallax-Effekten in Euer Projekt mit einbauen könnt.

http://stolksdorf.github.io/Parallaxjs/

Screenshot: http://stolksdorf.github.io/Parallaxjs/

 

Unsere Redaktion empfiehlt:

Relevante Beiträge

Meinungen zu diesem Beitrag

X
- Gib Deinen Standort ein -
- or -