Example
Crossword
I vibe coded a crossword puzzle interaction in the new Articulate Rise custom html block to support our Accounts Review training.
It took about an hour of back-and-forth with Copilot to get this working.
Check it out here
Full HTML code is below the preview, feel free to adapt it and repurpose for own projects.
1 Reply
This is such a fun idea! I really like the clean look and the way you’ve set it up, especially since there’s no numerical direction to correlate the Across/Down word — very creative. The only thing that might improve the user experience is if the cursor automatically moved to the next adjacent box, so users could seamlessly type the word without needing to reposition it. (I’m guessing you’ve already considered that!)
I might borrow this and play around with it. Well 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.