Parallax scrolling

Ik had er nog nooit van gehoord: Parallax scrolling. Sinds ik bij Kittyhawk werk (toch alweer 2 weken) ben ik weer helemaal up-to-date met de laatste trends op het gebied van websites. Blijkbaar is een website bouwen voor UWV of ANWB (echte grote aantallen bezoekers) een andere experience dan voor de wat kleinere sites. Zeker met de intrede van HTML5, CSS3 en Modernizr nog mooiere websites te maken. De tooling is er klaar voor om redelijk snel fantastische sites op te leveren die er uit zien als magazines.

Parallex scrolling

Een van deze technieken is dus Parallax scrolling. Dit is een techniek waarmee je bijvoorbeeld plaatjes laat bewegen als bijvoorbeeld de scrollbalk wordt gebruikt. En dan ook nog met verschillende snelheden, zodat je een 3D-effect creĆ«ert. Ook kun je nog veel mooiere effecten gebruiken.

Zoals altijd zeggen voorbeelden veel meer dan woorden:

  • Webdesign Karlsruhe
    Een extreem voorbeeld van Parallax scrolling
  • IUTOPI
    De techniek die hier wordt gebruikt zie je vaker terug. Naarmate je naar beneden scrollt, gaat de achtergrond met verschillende snelheden omhoog
  • Nike Better World
    Dit is 1 van de bekenste parallax websites. Klik eens op de verschillende lagen en zie wat er gebeurt.

Hoe werkt het dan?

Als je dat wilt weten, dan kun je de website van Robin Brouwer bezoeken.


gerelateerde blogs met thumbnail