Effetto parallasse per sfondi di siti web: esempi e plugin

• Plugin,Web Design,Wordpress
• Nessun commento

Al giorno d’oggi si possono vedere diversi siti web che rompono i tradizionali schemi di navigazione. Siti web, ad esempio, che fanno uso di effetti di scrolling di parallasse per il loro background. Lo scrolling con effetto di parallasse è una tecnica utilizzata per creare l’illusione di profondità animata, molto popolare nei videogiochi e che ora è utilizzata anche per rendere le interfacce web più interessanti e divertenti, grazie in particolare a web designer e a sviluppatori di talento che sono costantemente alla ricerca di modi per migliorare le tecnologie web.

In questo articolo vi proponiamo alcuni esempi di siti che utilizzano lo scrolling con effetto di parallasse e una serie di plugin per realizzarlo. Cosa ne pensate?

 

Esempi

Bagigia

Nike

Cultural Solutions UK

Jan Ploch

Saucony

Lois Jeans

Egopop

Web is Beautiful

Manufacture d’Essai

Michelberger Booze

Iutopi

Finger Billiards

Phase2 Design Studio

Tokiolab

Old Pulteney

Global TV

Beercamp

Krystal Rae

Eric Johansson

Unfold

Netlash bSeen

Cantilever Fish and Chips

Mo’s and Bows

Lost World’s Fair

Marcus Thomas

Ascension Latorre

Smokey Bones

Ala

IWC

Johan Reinhold

Resolution Interactive Media

Appmiral

Billy’s Downtown Diner

David Beckham

Sullivan NYC

Plugins and Tutorials

Super Scroll Orama

 

jQuery Parallax plugin

 

jQuery Scroll Path

 

scrolldeck.js

 

jParallax

 

Stellar.js

 

Curtain.js

 

freshD – 3D Parallax jQuery Plugin with Editor

 

Background 3D Parallax

 

fresh Parallax Under Construction Countdown

 

Parallax Slider with jQuery Tutorial

 

jQuery Parallax Tutorial – Animated Header Background

 

One page website, vertical parallax tutorial

Create a Funky Parallax Background Effect using jQuery

 

Build a parallax scrolling website interface with jQuery and CSS