Skip to main content

Tagged “labs”

State-based UI with vanilla JavaScript

My latest lab experiment is a little Lunch Picker coded in vanilla JavaScript. The idea was to create a simple, lightweight app which accepts user input and implements a State Based UI pattern. It re-renders the UI every time the data changes state, similar to the way React.js and Vue.js would but without the weight of any frameworks.

I was inspired by a great tutorial from Chris Ferdinandi which I implemented with my own twist.

Give it a whirl, view source if you’re interested, and get some help making that all-important call on what to have for lunch today!

Testing webmention endpoint discovery implementation (part two)

Screenshot of successful webmentions on webmention.rocks
Proof that it worked

Linking to a variety of test posts on webmention.rocks to see if my comment shows up on each of them.

The software/library I’m using is Perch.

Update: it worked! See the screenshot above for proof.

Testing out webmentions

Note: I wrote this article back in 2018 when I had a PHP-based site and used Perch as my CMS. I haven’t implemented webmentions on my current, 11ty-based site (end of note).

I’ve recently added webmention capability in my CMS. Webmention is one of the building blocks of the Indieweb movement. The idea is that if my article links to another person’s article then my website will notify theirs and if their site also supports webmention then they can show beside their article that I’ve linked to it.

Likewise, other sites can notify mine if they’ve linked to mine. In this way, I eventually hope to have likes, comments etc from sites such as Facebook and Twitter fed back to here so that I can display them beside the source article.

I’m now going to test webmentions by linking to this article on the topic by Aaron Parecki. Let’s see if something shows up on his site.

See all tags.