14 Fresh Parallax Scrolling Examples for E-Learning Designers #253

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.

Tracy Carroll

Tracy Carroll

View project | Learn more | Tracy Carroll | Website | @1tracycarroll

Nicki Berry

Nicki Berry

View project | Nicki Berry | Website

Jonathan Hill

Jonathan Hill

View project | Download | Jonathan Hill | Website | @JHill_AssocCIPD

Jodi Sansone

Jodi Sansone

View project | Download | Jodi Sansone | @jodimsansone

Samuel Apata

Samuel Apata

View project | Download | Samuel Apata | Website | @afrostem

Steve Morey

Steve Morey

View project | Steve Morey

Dianne Hope

Dianne Hope

View project | Dianne Hope | Website | @DianneHope

Mark Weingarten

Mark Weingarten

View project | Mark Weingarten | Website

Root Bradford

Root Bradford

View project | Root Bradford | Website

David Charney

David Charney

View project | Download | David Charney | Website | @elearninglocker

Nick Russell

Nick Russell

View project | Nick Russell | Website

Nick Russell

View project | Nick Russell | Website

Holley Berley

Holley Berley

View project | Holley Berley

Rebecca Patterson

Rebecca Patterson

View project | Rebecca Patterson

Ernesto Yannini

Ernesto Yannini

View project | Ernesto Yannini | Website

Alex Jinca

Alex Jinca

View project | Alex Jinca | Website

Joe Waddington

Joe Waddington

View project | 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.

Share Your Parallax E-Learning Examples!