Pseudo-chat components in Glitch
Ash Furrow’s blog is always a great read, and Monday's thoughts on learning from other developer communities was no exception.
That post came from conversations on Twitter, which is a thing I see a lot on Micro.blog: rather than some long string of short updates, people will go off and write up their thoughts in a long(er)-form post, and share it with conversation participants.
I’m big on syndicating out from your own little corner of the web, but Ash’s post reminded me of another thing that’s just really really cool about hosting your own content: the brilliant pseudo-chat in the middle of the post that adds interactivity to the post.
I got to spend some time in jQuery building this interactive chat component for the blog post: pic.twitter.com/QMTqVdE7ZA
— Ash Furrow (@ashfurrow) March 25, 2019
While it’s not some AI-powered chatbot, a scripted exchange like this still breathes life into an otherwise static page. It fulfills part of the promise of the web: going beyond text and image and experimenting with entirely new ways to engage with your audience.
Of course, we’re not all able to whip up something like this for our own blog posts and websites, which can put this kind of stuff out of reach of many bloggers.
For those authors, I created a Glitch app that recreates the experience for you to embed in your site, like so:
The content in the chat above is directly from Ash’s post, but you can remix the app and create your own conversation script by modifying chatScript
in script.js, then embed it in your own website (or wherever). To remix it, just click on the button below:
I’m also starting to curate a collection of Glitch apps like this, that act like a drop-in solution for augmenting blog posts in fun and useful ways. It’s a collection of just this one project at the time of writing, but you can find it here — and if you have any suggestions, let me know!