2M Creative Noise Blog

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!

Beautiful work from Ruslan Khasanov’s:

“I was especially impressed how the ink spots was dancing exposed to water, a bizarre dance of life, between birth and death,”

In my search for the coolest website using the latest web technologies, I found this piece a work of art: an interactive music video built entirely in HTML5. Arcade Fire’s We Used to Wait audio functions as a time line and HTML5 keeps track of timecode to launch specific function or action populating new windows of animation, google maps and cool typeface any user can interact with.  Google Creative Lab was the one responsible to develop one of many Google Chrome Experiments that is worth looking at.

Doing research is part of my work now so I am looking for innovative forms to implement interactive design and I came across this beautiful web site and I want to share it. Nike really did it this time, they implemented elegant and clean design with cool new  HTML5 and CSS3’s features. This effect really blew my mind, to see the usage of CSS3 layering with Java Script and see a foreground-background effect while you scroll, there are no words to describe it. I encourage you to see for your self and experience the full power of CSS3 and Java Script.