Parallax Scrolling Effects in E-Learning RECAP #253: Challenge | Recap
The parallax effect is used to simulate depth by scrolling two or more images at different speeds. The effect is created by combining multiple, custom sliders connected to a single variable. This week’s examples feature creative applications for parallax scrolling in e-learning courses.
Shubhada Deshmukh
View project | Shubhada Deshmukh
Richard Maranta
View project | Richard Maranta | Website | @MakeThisGoLearn
Scott Schmeer
View project | Scott Schmeer | Website
Aman Vohra
View project | Aman Vohra | Website
Willa Jessee
Syed Amjad Ali
View project | Syed Amjad Ali | Website
Leandro Sartori
View project | Leandro Sartori
Alexandra Angelova
View project | Alexandra Angelova
Samuel Apata
View project | Download | Samuel Apata | Website | @afrostem
Tracy Carroll
View project | Learn more | Tracy Carroll | Website | @1tracycarroll
Nicki Berry
View project | Nicki Berry | Website
Jonathan Hill
View project | Download | Jonathan Hill | Website | @JHill_AssocCIPD
Jodi Sansone
View project | Download | Jodi Sansone | @jodimsansone
Samuel Apata
View project | Download | Samuel Apata | Website | @afrostem
Steve Morey
Dianne Hope
View project | Dianne Hope | Website | @DianneHope
Mark Weingarten
View project | Mark Weingarten | Website
Root Bradford
View project | Root Bradford | Website
David Charney
View project | Download | David Charney | Website | @elearninglocker
Nick Russell
View project | Nick Russell | Website
View project | Nick Russell | Website
Holley Berley
Rebecca Patterson
View project | Rebecca Patterson
Ernesto Yannini
View project | Ernesto Yannini | Website
Alex Jinca
View project | Alex Jinca | Website
Joe Waddington
New to the E-Learning Challenges?
The weekly challenges are ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of the previous challenges anytime you want. I’ll update the recap posts to include your demos.
If you have a blog, please consider writing about your challenges. We’ll link back to your posts so the great work you’re sharing gets even more exposure.
If you share your demos on Twitter, please include #ELHChallenge so your tweeps can track your e-learning coolness.
Share Your Parallax E-Learning Examples!
The parallax challenge is still open! If you have one or more ideas you'd like to share, please jump over to the original challenge and post your links in the comments section. I'll update this recap page to include your examples.
Check out past challenges and examples.