Example
Simple Tabs
That’s probably the most accurate way to describe this submission, possibly the most boring interaction I’ve ever produced for an eLearning challenge.
Ironically, it’s built around tabs, which can be pretty useful when done right (keep them simple, clean, and don’t overthink it).
But here’s the twist:
If you manage to stick around for 2 whole minutes, you’ll unlock a reward, a downloadable Storyline file. Because if you’ve got the stamina to survive two minutes of my "creativity," you deserve something.
Inside:
🕒 A global timer built with JavaScript
🎞️ Image transitions powered by the Web Animation API
🎁 And who knows, maybe a surprise or two.
3 Replies
Two minutes is definitely not too long to explore your demo, Nedim . I immediately spotted the interesting detail on the second screen. Thank you so much for generously offering us (as usual) these two golden JS gems. I think I'll have the opportunity to use them in my next client project (as soon as I've finished studying the possible settings). So elegant.
Thanks ThierryEMMANUEL !
I love how the background colour changes when a new selection is made, too! The 2 minutes were totally worth it!
Thank you Nedim
Getting Started with the E-Learning Challenges
Find practical answers to common questions about the E-Learning Challenges, a weekly event that helps you build skills, create your portfolio, and grow as an e-learning professional.