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
dijous, 28 de juny del 2012
Subscriure's a:
Comentaris del missatge
(
Atom
)
Cap comentari :
Publica un comentari a l'entrada