Welcome to the Parallax Universe

Posted on Oct 24, 2013 in Blog, Web | 3 Comments

One of the hot new techniques that keep popping up on websites across the interwebs is parallax scrolling. I’m sure most of you have stumbled upon one, and might not have known what the technique is called. Parallax scrolling is created when the background moves at a slower rate than the foreground, creating a sort of three-dimensional effect as the user scrolls down the page. This effect is created using a mixture of HTML5 and CSS3. Some designers/coders have taken it too far and makes it appear unattractive and gimmicky, but if done subtly, it can really make a website stick and encourage the viewer to share it so that their friends can experience it.

Here’s a sampling of some of my favorites.

SUBTLE PARALLAX SITES
http://lamoulade.com/
http://neomam.com/interactive/13reasons/
http://madebyshape.co.uk/method
http://www.madwellnyc.com/

INCREDIBLE (BUT YET, NOT OVERKILL) PARALLAX SITES
http://lostworldsfairs.com/atlantis/
http://everylastdrop.co.uk/
http://islreview.com/
http://shibui.me/web/scroll/index.html

Please share some of your favorite parallax scrolling findings in the comment section below 🙂

3 Comments

  1. Erin
    October 27, 2013

    You are right – I did not know what that technique was called. very cool.

    Reply
  2. Andrea
    November 7, 2013

    That was so cool! 🙂 i loved all those sites.

    Reply
  3. Rhonda Evans
    November 15, 2013

    Those parallax site are soo sweet!

    Reply

Leave a Reply