Parallax scrolling: Difference between revisions

Revision as of 19:26, 13 November 2019

Revision as of 05:25, 31 December 2019

Line 62:

== Parallax scrolling in Web design ==

One of the first implementations of parallax scrolling in the browser was created and shared in a blog post by web developer Glutnix in 2007, this included example code and a demo using Javascript and CSS2 that supported IE6 and other browsers of that era.<ref>{{cite web|title=Parallax Backgrounds - a multi-layered javascript experiment|url=https://inner.geek.nz/archives/2007/03/20/parallax-backgrounds/|work=Glutnix|publisher=inner.geek.nz|accessdate=28 June 2019|author=Brett Taylor|date=20 March 2007|url-status=live}}</ref><ref>{{cite web|title=Showcasing the css parallax effect - 12+1 creative usages|url=https://kremalicious.com/showcasing-the-css-parallax-effect-12-creative-usages/|work=Glutnix|publisher=kremalicious.com|accessdate=28 June 2019|author=Matthias Kretschmann|date=23 May 2008|url-status=live}}</ref> However, it wasn't until 2011 and the introduction of [[HTML5]] and [[CSS3]] [[Computer programming|coding]] that the technique became popular with [[World Wide Web|Web]] designers. Advocates argue it is a simple way to embrace the fluidity of the Web.<ref name="CederholmMarcotte2010">{{cite book|author1=Dan Cederholm|author2=Ethan Marcotte|title=Handcrafted CSS: More Bulletproof Web Design|url=https://booksarchive.google.comorg/books?id=UgrUeIwsS60C&pgdetails/handcraftedcssmo0000cede|url-access=PR5registration|date=9 April 2010|publisher=New Riders|isbn=978-0-13-210481-4|pages=5–[https://archive.org/details/handcraftedcssmo0000cede/page/5 5]–}}</ref> Proponents use parallax backgrounds as a tool to better engage users and improve the overall experience that a website provides. However, a [[Purdue University]] study, published in 2013, revealed the following findings: "... although parallax scrolling enhanced certain aspects of the user experience, it did not necessarily improve the overall user experience".<ref>{{cite web|title=The Effects Of Parallax Scrolling On User Experience And Preference In Web Design|url=https://docs.lib.purdue.edu/cgttheses/27/|work=Purdue University|publisher=Purdue University|accessdate=17 April 2014|author=Dede M. Frederick|date=18 April 2013|archive-url=https://web.archive.org/web/20140416183434/http://docs.lib.purdue.edu/cgttheses/27/|archive-date=2014-04-16|url-status=live}}</ref>

== See also ==