How are they doing this?

Hi guys,

I recently came across this site:

http://www.mightymatcha.com/

and thought it was pretty nice. I'm interested in how I can integrate similar animation on my own sites. I like the way that certain things move when I scroll to them. For example, when the homepage loads the green bowl moves in from the left and the tins on the right move up.

What is it that the developer has used to do this?

Many thanks for any suggestions!

Happy New Year!

 

http://markdalgleish.com/projects/stellar.js/docs/

Nigel

 

Thanks, Nigel.
How are they making the text fade in as you scroll to it?

 

No sweat happy to help.

http://imakewebthings.com/jquery-waypoints/#shortcuts-examples
Infinite scroll in this case.

Nigel

 

Excellent, thank you very much.

 

My question would be WHY are they doing that, pissing all over accessibility and usefulness with that artsy fartsy "gee ain't it neat" nonsense... but that's me.

My advice, listen to Frankie. Relax, don't do it.

 

Flashy things do help. Especially if the visitor is not much exposed to such tricks.