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.

Resourcesanchor

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 Blogginganchor

Thoughts from others on this topic that really helped me understand and get excited about putting some time into implementation.

Tutorials & How-tosanchor

Documentation & Servicesanchor

  • 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 Examplesanchor

Work in Progressanchor

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!

Have some thoughts or feedback about this blog post?

Get a conversation started on LinkedIn or Twitter, or send me an email.

Webmentions

What's this?

3 Shares

Clayton Errington 🖥️ mish🚬 Renoir Boulanger

1 Reply

  • chrisbergr

    chrisbergr on

    @stevenwoodson This is a great collection of resources that I'm happy to pass on to friends interested in the IndieWeb :)