grant.codes

Jump to menu
  • About
  • Contact
  • Projects
  • Updates
  • More...Likes
  • Photos
  • Galleries
  • Replies
πŸ‘ˆπŸ•ΈπŸ’πŸ‘‰

Liked https://www.reddit.com/r/Eyebleach/comments/cfxyyf/she_tried_to_resist_the_irresistible/?utm_source=ifttt

She tried to resist the irresistible.

She tried to resist the irresistible. from Eyebleach
Posted 6 years ago by
srge88
Liked 6 years ago

Liked https://www.reddit.com/r/funny/comments/cfmndi/its_in_their_nature/?utm_source=ifttt

It's in their nature.

It's in their nature. from funny
Posted 6 years ago by
JSPR127
Liked 6 years ago

Liked https://www.reddit.com/r/animalsdoingstuff/comments/cfct2r/a_tired_duck_slowly_losing_their_fight_with_sleep/?utm_source=ifttt

A tired duck slowly losing their fight with sleep

A tired duck slowly losing their fight with sleep from animalsdoingstuff
Posted Permalink
Liked 6 years ago

Liked https://www.reddit.com/r/aww/comments/cfh9wn/ladies_and_gents_a_shiba_inu_being_lowered_into_a/?utm_source=ifttt

Ladies and gents, a Shiba Inu being lowered into a bathtub

Ladies and gents, a Shiba Inu being lowered into a bathtub from aww
Posted 6 years ago by
_The_VeLouR_FoG_
Liked 6 years ago

Liked https://www.reddit.com/r/MadeMeSmile/comments/cdvnr7/training_sessions/?utm_source=ifttt

Training sessions

Training sessions from MadeMeSmile
Posted 6 years ago by
Nopecowss
Liked 6 years ago by
Grant Richmond

Liked https://www.knutmelvaer.no/blog/2019/06/getting-started-with-webmentions-in-gatsby/

Getting started with Webmentions in Gatsby

Let's learn how to implement Webmentions friendly markup, and get them onto your website made with Gatsby. Bonus: You'll also learn how to trigger new builds on Netlify whenever a mentoin happens.
Posted 6 years ago ● Categories: #Blogging #Tutorial
Liked 6 years ago by
Grant Richmond

Liked https://sebastiandedeyne.com/adding-webmentions-to-my-blog/

Adding webmentions to my blog

I first noticed webmentions in the wild on Hidde de Vries’ blog about two years ago. Last week it finally happened, I added webmention support to my blog too! Well, partial support at least. I’m now receiving and displaying webmentions. Sending them out is a project for another day.

Whatmentions?

Webmentions.

Webmention is a web standard for mentions and conversations across the web, a powerful building block that is used for a growing federated network of comments, likes, reposts, and other rich interactions across the decentralized social web.

indieweb.org

Webmentions are a protocol for websites to communicate across each other. What makes the webmention standard interesting is that it’s not tied to a single service  it’s a protocol. Webmentions can be aggregated from a range of different services from Twitter, to other blogs or even direct comments.

I highly recommend Chris Aldrich’s article on A List Apart if you want to dive deeper in the theory about the standards recommendation.

Receiving webmentions

I’m mostly interested in receiving webmentions from Twitter since that’s my main source of traffic.

Twitter doesn’t send any webmentions themselves. Fortunately there’s a service that solves this problem: Bridgy. Whenever a link to my blog is posted on Twitter, Bridgy polls for replies, retweets, and likes to send them as webmentions.

That’s just half of the story: the mentions need to be received too. When a webmention is sent, the sender will scan for a specific link tag on the mentioned page.

<link rel="webmention" href="...">

If it finds one, it will post the mention to the configured URL.

I set up my to receive webmentions on another third party service: Webmention.io.

<link rel="webmention" href="https://webmention.io/sebastiandedeyne.com/webmention" />

Webmention.io stores webmentions on their servers, so I can retrieve them to display on my blog. It also acts as a spam filter. Fake mentions from bots will be filtered out so they won’t appear under my posts.

To summarize the flow:

  • Someone tweets a link to one of my posts, or interacts with a tweet that contains a links to one of my posts
  • Bridgy polls Twitter, and discovers the interaction
  • Bridgy posts a webmention to my website
  • The webmention is routed to Webmention.io and stored

Displaying webmentions on post pages

Webmentions stored on Webmention.io can be retrieved with a simple API call. For example, to receive mentions for this post:

https://webmention.io/api/mentions.jf2?target=https://sebastiandedeyne.com/adding-webmentions-to-my-blog

I’m using the fetch API to grab the webmentions JSON, have a rudimentary script to render them beneath every post.

That’s all there is to it! Most of the mentions I’m receiving are from Twitter, but anyone can add comments with a service like comment parade too. Try it out by mentioning this post!

Posted Permalink
Liked 6 years ago by
Grant Richmond

Liked https://www.reddit.com/r/Eyebleach/comments/cd8jkh/soft_pets_for_this_weird_dog/?utm_source=ifttt

Soft pets for this weird dog

Soft pets for this weird dog from Eyebleach
Posted 6 years ago by
mayaxs
Liked 6 years ago by
Grant Richmond

Liked https://www.reddit.com/r/Eyebleach/comments/ccqyip/corgi_pupper_discovers_the_magic_of_door_stoppers/?utm_source=ifttt

Corgi pupper discovers the magic of door stoppers

Corgi pupper discovers the magic of door stoppers from Eyebleach
Posted 6 years ago by
to_the_tenth_power
Liked 6 years ago by
Grant Richmond

Liked https://www.reddit.com/r/PeopleFuckingDying/comments/cc9p6h/hero_boy_saves_kitty_from_certain_death/?utm_source=ifttt

HErO bOy sAvEs kItty frOm cErtAIn dEAth!

HErO bOy sAvEs kItty frOm cErtAIn dEAth! from PeopleFuckingDying
Posted 6 years ago by
varungupta3009
Liked 6 years ago by
Grant Richmond
NewerOlder
EmailInstagramGithub

Grant Richmond
grant.codes[email protected]