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: ... , coding , CSS , design , dev tips , how to , html , internet , Internet code , JavaScript , startup , tips , tutorial , web , web design tuts , web development ... , web tech , web technologies , Web-design , website
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:
VIDEO
source
Posted in Video WebO2 Tagged with: Advice , dev tips , development , devtips , interview , learn code , learncode , startup , web , Web Development (Interest) , web development advice , web development interview , web tech , web technologies