Parallax on the Web (Part 1) - Parallax Examples

Title:

Description:

Let's look at several examples of Parallax on the web!

"The phenomena of parallax is a result of having a perspective in  in 3D space when movement is introduced to the observational experience."

Examples ------

## 1 - Fixed background, scrolling body
http://www.ok-studios.de/home/
http://themes.tvda.eu/demos/kutcherstudio/

## 2 - Slow Elements
http://jason-kenny.com/
http://unfold.no/
http://www.apple.com/macbook/

## 3 - Landing Elements
http://www.apple.com/macbook]
http://www.streamlineicons.com/
http://news.microsoft.com/stories/garage/index.html

## 4 - Multiple direction elements
http://mainequarterly.com/thoreau/
https://carousel.dropbox.com/

## 5 - Mouse movements
http://stephband.info/jparallax/
http://www.alquimiawrg.com/#/home
http://travisneilson.com/rootbeer-tasting/

## 6 - thumbnails
http://tympanus.net/Development/HoverEffectIdeas/

## 7 - Follow the rabbit
http://poppyspend.britishlegion.org.uk/
http://lostworldsfairs.com/atlantis/
http://benthebodyguard.com/index.php
https://www.fiftythree.com/pencil

## 8 - Zooming elements
http://travisneilson.com/workflow-tools/
http://www.nytimes.com/projects/2013/tomato-can-blues/?hp

---

This video was sponsored by the DevTips Patron Community - https://www.patreon.com/DevTips

You should follow DevTips on Twitter - https://twitter.com/DevTipsShow

YouTube url:	https://www.youtube.com/watch?v=STwoa-9jxi0&t=1886s
Created:	2. 3. 2017 04:54:23

CaptionsMaker.com

Parallax on the Web (Part 1) - Parallax Examples