5. Homepage: Parallax

Tutorial video duur: 10 min

Deze tutorial gaat over de 'parallax' slider. Parallax is een veel gebruikte term binnen webdesign, het is namelijk een techniek dat een website er spannend uit kan laten zien doordat er op een bepaalde manier meerdere objecten met de pagina's mee scrollen . Hier een linkje naar een site waar goede voorbeelden van een parallax op staan.

Bepaalde objecten scrollen niet, langzamer of sneller dan andere delen op de website. Hierdoor ontstaat er een gelaagdheid in de website, alsof er meerdere lagen met objecten over de website heen liggen. In mijn tot nu toe ontworpen website is het idee voor een parallax dat wij de foto schermvullend opmaken, maar dat je maar een strookje van de foto te zien krijgt. En dat als je dus scrolled, de foto van boven naar beneden te zien krijgt. Een subtiele gelaagdheid, want we willen wel dat het er rustig uit ziet, anders leid het weer te veel af van de rest van de website. Wij moeten hier rekening houden met:

- Wat voor een soort foto, bepaalde delen zie je eerst en sommige delen als laatst

- Hoe kun je tekst plaatsen op een opvallende manier

- Wat voor soort knop past hierbij

Check de tutorial en als je vragen hebt, as always - ask away!