Parallax+Scrolling

= Parallax Scrolling = toc Parallax scrolling is a web design technique involving layered images that move at different speeds and perspectives. The result is a 3D effect. It was initially used to create depth in 2D video games commonly referred to as "side scrollers". Images are "layered" on top of each other through various code commands and each layer moves (or is scrolled) at different speeds. The objects on the "closest" or top layer typically move faster to create a parallax effect. The background scrolls at the slowest speed, hence the name parallax scrolling. Initially, this technique involved horizontal scrolling, but some web designers also use vertical scrolling.

media type="youtube" key="4ShTq1Rx888?version=3" height="360" width="640" align="center"

Why is it Important?
In the field of information science presentation of information in visually appealing formats is just as important as the information being presented. Keeping current with trends in web design enables information scientists to present the information they work with in the most effective manner possible. An advantage of parallax scrolling is that it is easier on the eyes and causes less eye strain than other types of scrolling have a tendency to do. Parallax scrolling allows for the inexpensive creation of 3D effects. It is a useful tool that can be used to produce highly visual web pages with maximum impact. The technique is employed in web design using a combination of high definition images, JQuery, and CSS3. Resulting web sites have the illusion of 3D effects with relatively straightforward coding requirements.

**References**
Andrew, G. (2011, June 22). Hot Web Design Trends: Parallax Scrolling Effects in 100 Examples. Retrieved from http://www.splashnology.com/article/hot-web-design-trends-parallax-scrolling-effects-in-100-examples/1263/.

Angels, P. //Editor//.( 2009 (. //XNA Parallax Scrolling Experiment - "Among the clouds"// [ ]. Available from www.youtube.com/watch?v=4ShTq1Rx888.

Comben, A. (2009, September 08). Create a funky parallax background effect using jquery. Retrieved from http://blog.themeforest.net/tutorials/create-a-funky-parallax-background-effect-using-jquery/.

Friend, E. (2008, November 15). Parallax scrolling. Retrieved from http://www.friendsofed.com/samples/1590592212.pdf.

Mcintyre, S. (2008, February 8). Using jQuery To Create Parallax Scrolling Backgrounds. Retrieved from http://stephenmcintyre.net/blog/jquery-parallax-scrolling/.