60+ Examples of Interactive Sliders in E-Learning #52
Interactive Sliders in E-Learning RECAP #52: Challenge | Recap
Looking to learn more about sliders, or just curious how they can be used in e-learning? You won't want to miss the sliderrific examples shared in last week’s slider challenge.
A super big welcome to this week’s first-time challengers: Frances Steinberg, Robbie Chui, Kawstov FLIP, Joanna Kurpiewska , Katarzyna Harasym, Bonnie Jeansonne, Munesh Ramprashad, Pamela Davison, Matthew Mason, Leon Geschwind, and Paulina Bobrowska. Thanks for joining the challenges and sharing your ideas. We’re glad you’re here!
Counting Challenge
Use the slider to find the correct answer to math problems.
View Demo | Download Source | Paul Alders | Website | @paulalders
3D Rotation Sliders
Rotate objects by dragging the slider.
View Demo |Charles Hamper | Website | @cfhamper
Stop-Motion Animation Sliders
Drag the slider to view the trotting pig motion.
View Demo | Charles Hamper | Website | @cfhamper
Paper Doll Sliders
Drag the slider to try on different doll clothes and accessories.
View demo | Jackie Van Nice | Learn More | @jackietrains
Slider Cookies
Customize your cookie order using sliders.
View Demo | Joanna Kurpiewska | Website
Jean Sliders
Creative concept using image sliders to reveal objects hidden in pockets.
View Demo | Bonnie Jeansonne | Website | @_Ms_J
Furniture Instruction Sliders
Self-paced technical instructions using sliders. Could also be used for software tutorials.
View Demo | Jeff Kortenbosch | Website | @elearningjeff
Workplace Safety Sliders
Drag the slider to learn more about site safety equipment.
View Demo | Tom Kuhlmann | Website | @TomKuhlmann
Website Customization Sliders
Drag the sliders to customize your websites background, fonts, and color scheme.
View Demo | Download (SL2) | Ashley Chiasson | Learn More | @amdchiasson
iPhone 6 Product Slider
Product tour using interactive sliders.
View Demo | Munesh Ramprashad | @MRamprashad
Bert's Sliders
No one makes the slider like Bert's! Test yer slider-fryin' skills in this "well done" interaction by Dan.
View Demo | Dan Sweigert | Blog post | @elearningwdan
Leon Geschwind
Drag the sliders to view the rotating canoe.
Pictogram Characters
View demo | Learn more… | Jackie Van Nice | @jackietrains
Scuba Steve Blows Bubbles
View demo | Tom Kuhlmann | Website | @TomKuhlmann
Marta Burda
View demo | Marta Burda | Website
Joanna Kurpiewska
View project | Download | Joanna Kurpiewska | Website | @elearningjoanna
Matt Guyan
View demo | Matt Guyan | Website | @MattGuyan
Shahid Yakoob
View demo | Shahid Yakoob | Website | @4ptLtd
David Lindenberg
View demo | David Lindenberg | Website | @dvdlindenberg
Alexander Salas
View demo | Alexander Salas | Website | @stylelearn
James Ruffell
View demo | Learn more | James Ruffell | @jamruff
Joanna Kurpiewska
View demo | Joanna Kurpiewska | Website | @elearningjoanna
Rachel Craig
Brian Ambrose
View demo | Download | Brian Ambrose | Website | @BATrains
Ross Garner
View demo | Download | Ross Garner | Website | @R0ssGarner
Kimberly Bourque Valliere
View project | Download | Kimberly Bourque Valliere | Blog Post | @Kim_Bourque
Nejc Žorga Dulmin
View project | Nejc Žorga Dulmin | Website | @nejcd
Richard Hill
View project | Chrome HTML5 | Richard Hill | Website
Noura Sa'd
Jörg Probst
Devlin Peck
About 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.
Share Your E-Learning Slider Examples!
The slider 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.