Joining the IndieWeb with Webmentions and Microformats
I’ve finally spent some time setting up Webmentions and adding some Microformats formatting to this site!
These technologies have been around for quite a while but it’s taken me a handful of attempts (and a whole lot of help) to understand them enough to actually move forward. I’ve tried occasionally to wrap my mind around them but I kept getting confused about what to do and would give up for a while. I feel a little better admitting these troubles when I see folks I consider among the best in the industry – like Chris Coyier and Miriam Suzanne – having similar tough times with it.
Resources#anchor
Rather than rehashing all the details of getting my setup working, I think it’s better to list all the resources that helped me understand and/or integrate Webmentions here. Perhaps it’ll help you on your path to understanding and integrating them into your sites too.
IndieWeb & Personal Blogging#anchor
Thoughts from others on this topic that really helped me understand and get excited about putting some time into implementation.
- Own your content on Social Media using the IndieWeb by Zach Leatherman
- Into the Personal-Website-Verse by Matthias Ott
- Am I on the IndieWeb Yet? by Miriam Suzanne
- Bring back personal blogging by Monique Judge
Tutorials & How-tos#anchor
- Adding Webmention Support to a Static Site by Keith J. Grant
- Using Webmentions in Eleventy by Max Böck
- An In-Depth Tutorial of Webmentions + Eleventy by Sia Karamalegos
- Clientside Webmentions by swyx
Documentation & Services#anchor
- IndieWeb – specifically IndieWeb Webmention for an intro on what they are and how to implement
- Microformats – a simple way to markup structured information in HTML
- Webmention.io – a hosted service created to easily receive webmentions on any web page
- Brid.gy – connects your web site to social media
Great Implementation Examples#anchor
Work in Progress#anchor
There’s still more that I want to do with this, I’d love to find a good/automated way to capture syndication links for example. But I’m happy enough with what I’ve built so far to launch it and try to iterate over time. Check it out at the bottom of blog posts on my site!
What opinion, tutorial, or other reference would you add to this list? I’d love to hear about it so I can continue to learn more about this fascinating topic. I’ll try to keep this list updated over time as I discover more great resources too. Thanks for reading!
Need help with an upcoming project?
I'd love to hear more about what you have coming up and how I can help bring it to life! My earliest availability is currently Mid-October 2023.
Get in Touch