Forum Discussion
A Growing List of Cool Code Block Examples
➡️ View the examples and grab the code
Hi everyone! 👋
You'll find (34 so far) examples of what you can do with the Rise Code Block. These are my tests that I've built to be responsive and accessible. I've provided the code for each so you can easily copy, paste, and insert them in your Rise courses.
There is a suggestion box if you'd like to upvote an idea or enter your own. If you have any comments, just drop them here in review. Yor can reach me directly at stephanie@stephanieharnett.ca.
Latest Examples:
- Spin the Wheel (fun tip spinner)
Your Input
Suggestion Box
Interactions
Click & Reveal Checklist
Flip Cards
Glossary You Can Print
Hover Definitions & Popup Info
Labeled Graphic
Matching Activity
Memory Match
Scratch Card Reveal
Scrolling Ticker
Sentence Builder
Sorting Interaction with Feedback
Timeline
Vertical & Horizonal Tabs
Effects & Media
Animated Checklist
Confetti
Dividers
Multi-track audio Player
Graphics
Blended Image Slider
Image Compare Slider
Knowledge Check / Quizzes
Card Order Question
Flashcard Self-Assessment
Row Order Question
Swipe Card Quiz
Yes/No Swipe Cards
User Input
Capture & Recall Reflections You Can Print
Course Completion Certificate
ElevenLabs Chatbot
Learner Name with Persistence
Notebook You Can Print
Pulse Check (no right/wrong answer question)
E-Learning Challenges & Fun Stuff
#535 Snow Globe
#540 Valentine Oracle
Rise Code Block "Build-a-Thon" Submission
24 Replies
This is incredible! What a great way to share out the information as well. Thanks for all of the coding following the examples. Really inspiring me!
This is incredible, thank you for sharing and inspiring! 🤩
Thank you, Stephanie. Wow. So impressed...and grateful for your generosity.
Would these interactions be accessible? I'm particularly interested in using the swipe card quiz and custom vertical and horizontal tabs.Following, I am interested in accessibility as well.
Thank you for sharing! Your code block examples had me start thinking of the possibilities of code blocks! I'm going to try some of these out in my future projects.
Wowsers Stephanie these are soooo amazing! Thank you so much for sharing your knowledge and skill!🌟
Thanks Stephanie !
I wonder about how the "Suggestion box" on your first page is done and the entries made persistent and saved. I would love to be able to understand this.
