Exploring Parallax Scrolling

14 Nov

Parallax scrolling is a computer animation technique where background images move slower than foreground images.  This creates an effect that makes a 2D image. You have to create multiple layers that fit together to create an image, yet every layer moves at different speeds creating the illusion of depth. A parallax scrolling website is created using Java Script, a programming language. It also uses HTML and a CSS. There are many pros and cons to having a parallax scrolling website. The biggest advantage being the ability to have an extremely interactive website that engages users. A big con could be speed and performance. On many parallax websites you will have a short loading screen and people on mobile devices or slow computers may experience slow loading speeds. Another pro to parallax scrolling is that you can display content in new ways, avoiding having multiple pages. A con to this is people may want hard links to items on your website and may not like that they have to scroll through information they may not need.

 

Some great parallax scrolling websites:

boy-coy.com

puma.com/mobium

hotdot.pro

 

I really like these websites. They are highly effective in portraying content and keep me interesting in seeing what is going to happen next. Parallax scrolling is going big and hopefully stream less in the future (no loading!).

 

sources:

How To Create A Parallax Scrolling Website | Web Design Principles

All you need to know about Parallax Scrolling in Web Design | Fearless flyer

http://stackoverflow.com/questions/16968517/how-does-parallax-scrolling-work

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: