Apr
19
2016
maxresdefault.jpg
April 19th, 2016 by editor



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

source

Posted in Video WebO2 Tagged with: , , , , , , , , , , , , , , , , , , ,

Apr
15
2016
maxresdefault.jpg
April 15th, 2016 by editor



I had a great time interviewing Travis Neilson with Dev Tips (https://www.youtube.com/channel/UCyIe-61Y8C4_o-zZCtO4ETQ) the other day…Here’s his thoughts and advice on web development, learning technologies, and what it’s like in the industry today.

Click here for part 1 of this interview on the Dev Tips channel – https://www.youtube.com/watch?v=bY14-XNzQt8&list=UUyIe-61Y8C4_o-zZCtO4ETQ

Here’s the CSS-Basics Series he mentions:


source

Posted in Video WebO2 Tagged with: , , , , , , , , , , , , ,