Parallax Effect

The parallax scrolling effect is being used in many sites today. This link covers some best practices and examples of parallax sites. We'll use the links below to learn about and apply this technique to our site designs.

In class we'll talk about different ways to use this effect. We'll look at why someone might use CSS vs JavaScript. Below there are a number of tutorials using different methods.

- Parallax Effect with CSS

- Pure CSS Parallax

- Parallax Tutorial with JavaScript

- Another Parallax Tutorial with JavaScript

- Parallax using CSS and JQuery

- Simple Parallax Scrolling Effect - We'll cover this tutorial and information in class

.. This will be the template we use to create our site

The Assignment

Use this rubric to create your own site using a parallax effect.