Example
A Growing List of Cool Code Block Examples
View the examples and grab the code
Hi everyone!
I've been playing around and created a growing list of cool examples of using the code block. I've included the code that you can copy to use in your projects. If you have any questions, just leave a comment in the Review tool.
New:
- I've add a suggestion box if you would like to upvote on existing suggestions or add your own idea. I will tackle those with the most votes!
- I've organized the code into interactions, effects, graphics, knowledge check, and user input.
- New interaction called Scratch Card Reveal.
Interactions
Adjustable Labeled Graphic Block
Click and Reveal Checklist
Custom Flip Cards
Custom Vertical and Horizonal Tabs
Hover Definitions and Popup Info
Interactive Glossary
Interactive Timeline
Scratch Card Reveal
Sorting Interaction with Feedback
Effects
Animated Checklist
Confetti
Dividers
Graphics
Blended Image Slider
Image Compare Slider
Knowledge Check
Quiz Swipe Cards (updated with new features)
Swipe Card Quiz with Completion
User Input
Course Completion Certificate
Persisent Learner Name
Notebook
2 Replies
Hi Stephanie This is great, thank you so much for sharing! This would be a great resource to share in the Share Examples Hub if you are willing to post it there.
Done!
Recap
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.