Forum Discussion

Stephanie's avatar
Stephanie
Super Hero
1 month ago

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:

  • New interactions: Memory Match and Capture & Recall


Your Input
Suggestion Box

Interactions

Click & Reveal Checklist
Flip Cards
Glossary
Hover Definitions & Popup Info
Labeled Graphic
Matching Activity
Memory Match
Scratch Card Reveal
Sorting Interaction with Feedback
Timeline
Vertical & Horizonal Tabs

Effects
Animated Checklist
Confetti
Dividers

Graphics 
Blended Image Slider
Image Compare Slider

Knowledge Check / Quizzes
Quiz Swipe Cards (updated)
Swipe Card Quiz 

User Input
Capture & Recall
Course Completion Certificate
Persistent Learner Name
Notebook

Just For Fun!
Interactive Snow Globe

24 Replies

  • Caitlin_B's avatar
    Caitlin_B
    Community Member

    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!

  • JennyJackson1's avatar
    JennyJackson1
    Community Member

    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.

  • KayleneWance's avatar
    KayleneWance
    Community Member

    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.

  • 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.