Tag: coding
-
Vibe Coding a Mythological Creature Spinner
This school year, I’m unable to use SpinTheWheel.io, a random animal selector I’d been using for one of my favorite middle school creature-design projects. Last spring when I was asked to start teaching two sections of AP Computer Science Principles in February, I co-created this lesson with my colleague Todd Johnson, who took over one…
-
Scratch Animation Reverse Engineering
A teacher friend in Oklahoma sent me the following video clip, which I converted to an animated GIF via Adobe. Her question to me was, “How did the student code this in Scratch?” Apparently the student did NOT save the project, so the actual code is not available for inspection and analysis. This is a…
-
Interactive Fiction Database and CYOA Video Stories
I grew up in the 1980s and loved reading “Choose Your Own Adventure” (CYOA) stories. From time to time, as an advocate of “Playing with Media” and “Show What You Know with Media” pedagogy and learning, I’ve created my own CYOA stories and helped others create them too. Today I learned about the “Interactive Fiction…
-
Vibe Coded: AI Who’s Who
Over the weekend I successfully completed my eighth vibe-coded project, and I’m really excited about it! It’s called the “AI Cultural Canon,” and it’s basically a Firebase-powered front-end website for 27 people that arguably comprise a “Who’s Who” list in the world of AI / artificial intelligence. Visitors can read a short bio, see a…
-
Vibe Coding with AI
Today I facilitated the webinar “Vibe Coding with AI” for the MediaEd Club of the Media Education Lab. I mainly shared stories of two of my recent vibe coding projects, “Packet Defender 2.0” and my “DIY Federated Reader.” Both of those projects are shared on my GitHub. Check out the recorded session video and session…
-
Packet Defender 2.0
Back in January of 2025 I used ChatGPT to “vibe code” a project I named “Packet Defender.” This project was and is my attempt to use HTML and JavaScript to create a simple, text-based and web-based game to help my middle school web design students learn some of the basic terms and concepts about how…
-
Vibe Coding for Flickr CC 4.0 Attribution
I’m excited to share a little “vibe coding” project I worked on today, building on the awesome work of Alan Levine and with a healthy dose of AI-powered assistance from ChatGPT 4o. If you’ve ever needed to generate properly formatted attribution for Creative Commons licensed images on Flickr, you probably know about tools like ImageCodr.org…
-
Sharing Mastodon Lists
I am a BIG fan of the federated social media platform Mastodon, and this evening I used Claude.ai to generate code in an HTML file which allows me to quickly share my LISTS on Mastodon with others. Unlike Twitter, lists on Mastodon are PRIVATE and not directly sharable with others. I spent some time both…
-
NFC Sticker Automation
Here’s a geeky tale for you. We have an old Bluetooth stereo in our car that does not support CarPlay, and it irritatingly connects automatically to my iPhone in the mornings before school when I start the vehicle to warm it up. This evening I successfully configured a NFC sticker (37 cents each in a…
-
Packet Defender 1.0
Today was the first day of our spring semester, and I’m teaching middle school web design again. As part of our introductory class, we watched the video, “The Internet: IP Addresses & DNS” from Code.org and then played a Kahoot I made with AI about it, using the video transcript. As we learn to create…