Using Webmentions in Eleventy

Hi All! 🤗 Imagine, just for a second, a future in which we all have our own websites and that those sites are at the center of everything we do and create...

In which I go a bit viral, ride my bike to a cliff edge, sleep under the stars, get the band back together, and put together a list of great web development articles and resources.

Learn how to display Webmentions from your favorite social networks on your Gatsby site

Here’s a quick blog post on how to use Webmention.io and some other IndieWeb services to collect webmentions for your site!

There comes a time in every Eleventy blog's life where the author must write a post about implementing webmentions. Here is mine.

A quick guide to sending and receiving webmentions to my 11ty blog.

Webmention is an open web standard (W3C Recommendation) for conversations and interactions across the web, a powerful building block used for a growing distributed network of peer-to-peer comments, likes, reposts, and other responses across the web.

The HTML time element is both useful and easy to use.

Some notes on what webmentions are and how I implemented them for this site

How you can enhance your blog with webmentions without adding heavy build times.

I’ve added Webmention support to the posts on this blog. Webmentions are a method for websites to know that they’ve been linked to (or mentioned) from elsew...

Webmention is an open web standard (W3C Recommendation) for conversations and interactions across the web, a powerful building block used for a growing distributed network of peer-to-peer comments, likes, reposts, and other responses across the web.

This week's hot Frontend web dev links

Webmention is a webstandard that enables websites to notify each other when content is mentioned, liked or linked. This is my little journey how I have implemented them into my website.

A brilliant post by Max Böck on how to get incoming and outgoing Webmentions for example via Bridgy and webmention.io and how to handle and filter the data to be able to finally implement webmentions on your website.

How I added Webmention support to a Hugo static site using GitHub Actions, webmention.io, and the IndieWeb ecosystem.

I wrote about what went into rebuilding this old blog as a high-performing, modern static site. Buckle up, this one’s a real journey.

Did you know that Webmentions let you pull tweets, other blogs, and other activity from around the web into your site? In this episode, Monica Powell teaches us how to add it to a Next.js site!

Hi All! 🤗 Let’s talk about one of the first things to consider when setting up your personal website: the name, or to be more specific, the domain name....

Hi All! 🤗 Imagine, just for a second, a future in which we all have our own websites and that those sites are at the center of everything we do and create...

Bernard Nijenhuis • Front-end Developer • Katwijk, The Netherlands • Father of 3 kids • Husband to 1 wife • Owner of 2 cats

Infrequently published reports from the world of front-end development with a focus on accessibility, web performance, CSS and 11ty.

Hi All! 🤗 Let’s talk about one of the first things to consider when setting up your personal website: the name, or to be more specific, the domain name....

While I was rebuilding my website in Eleventy, I saw Amber Wilson's article about adding Webmentions to her site shared on Twitter. I'd heard of Webmentions but I'd never really looked into them and while I was reading Amber's post, I thought that it's a really cool idea and added them to the list of things I wanted to add to my site.

Webmention is an open web standard (W3C Recommendation) for conversations and interactions across the web, a powerful building block used for a growing distributed network of peer-to-peer comments, likes, reposts, and other responses across the web.

Platform agnostic outgoing webmention service

A collection of resources that helped me get Webmentions set up on the blog posts for this site.

I haven't signed to any major web labels.

Join the Indie Web by adding Webmentions to your serverless Eleventy static site with this step-by-step tutorial. No client-side JavaScript needed!

How you can enhance your blog with webmentions without adding heavy build times.