dijous, 28 de juny del 2012

Parallax Scrolling: webs espectaculars

D’entre les tendències i els experiments que es poden fer en disseny web i gràcies a que existeixen coses com el CSS i el jQuery, avui us presentem uns quants exemples i tutorials de la tècnica del Parallax Scrolling. Podríem definir el Parallax Scrolling com a desplaçaments amb resultat 3d a partir d’elements 2d.
L'ús de Parallax Scrolling neix amb la idea de substituir el Flash per altres tecnologies que permetin incloure efectes visuals. Es tracta d'un efecte que genera la il·lusió d'estar visualitzant un espai en tres dimensions utilitzant imatges distribuïdes en capes que es mouen a un ritme diferent.

Com es fa?
Implementació del PS amb CSS
Un pluggin de jquery pels que no s'atreveixin a fer-ho amb CSS
Els de Smashing magazine son tant majos que ens han fet un tutorial i tot: Tutorial PS
El codi del tutorial: inclou CSS, jQuery, platilles HTML

Exemples
Recull d’exemples “Awesomes” (es veu que no hi ha més sinònims en anglès)
Via Webdesignledger
Via awwwards.com