Parallax scrolling tutorial
  • Download support files
  • The following tutorial will be easiest if you create an html file on the root level of the support files folder
  • This tutorial will utilize the following technologies, and basic user knowledge of each will aid in understanding the concepts:
    • HTML5
    • CSS3
    • jQuery
    • JavaScript
  • Our first step is to set up the HTML5 web document code which consists of six sections, and each section contains
    • articles
    • divisions
    • headers
    • content including text, images, and an embedded video reference
    • The basis for our index.html file utilized in this demonstration is taken from the HTML5 boilerplate for a rock solid default starting place
      • Example - Reset.css. The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on.

 

< >>