2M Creative Noise Blog

Parallax fever!

I saw a new trend for website this summer and it seems the “parallax” effect is getting more and more popular, I became more excited to actually know how to do it (yes, I am actually experimenting with this). Basically this effect can be achieved by having different layers scrolling at different speeds, this can be code by a sassy JavaScipt and JQuery along with CSS3. I found a great resources for inspiration and a great tutorial I want to share. Nike Better World was the first new cool kid, now there is a lot out there and spreading the fever for this new trend:

21 Examples of Parallax Scrolling

Meet the cool Kid: Nike Better World

Tutorial: Recreating Nike

Cool Kid#2

PS. Please if you are experimenting, please share your new cool website!