DavidDarnes, to mastodon
@DavidDarnes@mastodon.design avatar

New addition to my #WebComponents collection: <mastodon-post>!

Embed mastodon posts on your web pages by progressively enhancing a regular link and without the need for an <iframe>. Use the built in semantic template or apply your own! Read more about it here:
https://darn.es/mastodon-post-web-component/

#InideWeb #Webmentions #Mastodon

Thanks to @robb and @mariohamann for the inspiration ✨

jsit, to RSS
@jsit@social.coop avatar

We need an reader with "Reply" and "Repost" buttons. These actions would occur on a blog you connect with or , and use to notify the originating site.

ricmac, (edited ) to 11ty
@ricmac@mastodon.social avatar

To the #Eleventy community: does anyone know of any projects to make an 11ty website a first class member of the #fediverse, similar to what The Verge is doing (via WordPress it seems like) and 404 Media will do once Ghost is ready (ref https://digiday.com/media/why-publishers-are-preparing-to-federate-their-sites/). I did implement #webmentions on Cybercultural.com, using Bridgy etc, but it was unsatisfactory so I took it offline. I do want Cybercultural to be an “actor” on the fediverse tho, so now thinking about how to achieve that via 11ty.

sethmlarson, to python
@sethmlarson@fosstodon.org avatar

New article about my proposal for for and hardening the build using compiler options. 🛡️

Articles also now support , so liking and sharing the article will increase the "mentions" count. More to come there!

https://sethmlarson.dev/security-developer-in-residence-weekly-report-19

elly, to fediverse
@elly@front-end.social avatar

I think I’m in need of some help. 🥴

So, in classic IndieWeb fashion, I want my website to be my hub on the internet.

But I’ve been looking into all the different standards (, , , etc.) but I'm not sure which one or which combination of them is best for my needs.

So I thought I might reach out on here with what I'm trying to do and see what people thought were some go ways to go about it.

🧵 1/?

stvfrnzl, to Astro
@stvfrnzl@mastodon.online avatar

Inspired by @matthiasott great newsletter: has anyone experience implementing #webmentions with @astro?

Here's his article: https://buttondown.email/ownyourweb/archive/issue-14/

And here's what I found but couldn't test yet: https://kld.dev/adding-webmentions/

#ssr #StaticSiteGenerator #astro #html #css #JavaScript #WebDev #Frontend #IndieWeb

stvfrnzl,
@stvfrnzl@mastodon.online avatar

Hey @marcuslindblom, do you have by any chance documented how to make #webmentions work with #astro?

I'm no #JavaScript and #NodeJS wizard so I'm currently stuck. Plenty of #11ty tutorials out there, but they're not helping me haha

benpate, to fediverse
@benpate@mastodon.social avatar

Here are Reactions (finally) working in . It's a silly little feature, but I'm excited to show it off.

The hard part is sending out notifications and IndieWeb . The UX right was the icing on the cake.

video/mp4

rmdes, to fediverse
@rmdes@mstdn.social avatar

I still think there is a place for a self-hosted open source FriendFeed, with and on top, there is still room for a decentralized social feed reader that can mix all kinds of feed sources.

https://en.m.wikipedia.org/wiki/FriendFeed

ed, to fediverse
@ed@opensource.org avatar

A question for the experts: We used to have WebMentions displayed as comments on @osi blog. Now the mentions only show up as icons, without the content of the mention and no direct link to the mention itself
Why this changed? How to get the full comment in again?
https://blog.opensource.org/towards-a-definition-of-open-artificial-intelligence-first-meeting-recap/

matthiasott, to random
@matthiasott@mastodon.social avatar

Now, this is super interesting. Last night, I asked how people display on their () sites. I already got a few really good answers, including e.g. the sites of @sia, @nhoizey, and @andy. 🙏

But now, I want more. 😁 And I’ll write a summary (with details), of course.

Have you seen a Webmention implementation with great UX or anything that looks like a great best practice? LMK below!

👇

bixfrankonis, to fediverse
@bixfrankonis@social.lol avatar

All this sudden attention to the fact that social media replies (loosely defined as ) to your blog posts are likely coming from people who have utterly no clue that they are also being published on your blogs, where were you last month when the push from some of the to " everything" was being questioned. 😉

More seriously: welcome to the debate.

https://bix.blog/2024/01/11/activitypub-is-to-the-indieweb-as-a-i-is-to-silicon-valley/

ryanrandall, to random
@ryanrandall@hcommons.social avatar

Impressive to see the person behind #Bridgy somehow deciding that "opt-out" could somehow be a good approach to anything involving the Fediverse (https://github.com/snarfed/bridgy-fed/issues/835)…

…and thereby eroding any interest I had in using bridgy for #Webmentions on my #IndieWeb site.

First rule is always: do no harm. Evading consent is doing harm, no matter how many pixels you want to devote to "network effects."

jszym, to fediverse
@jszym@cosocial.ca avatar

Everything on the #IndieWeb wiki looks insanely cool, and there is a lot of documentation, but am I the only one who hasn't a clue how to adopt 99% of what is on there?

#ActivityPub and #Fedi might be hard for folks to grok at first, but the on-ramp for #WebMentions for me looks like the Cliff's of Dover.

That said, I am acknowledging that plenty of folks are using IndieWeb to make truly insane things. I just want in! :P

justin, to mastodon
@justin@holonet.social avatar

Anyone know how to help with #Webmentions?

I have #Bridgy set up and it’s sending based on interactions on #Mastodon. However, nothing is being received by Webmention.io.

I’m lost at what to do next for https://justincox.com/. Any suggestions?

#AskMastodon #IndieWeb #webdev

tantek.com, to mastodon

Bridgy Fed () recently added support for federating @-@-mentions to : https://fed.brid.gy/docs#mention

So here’s a test:

Happy birthday @evanp.me@evanp.me (@evan @evanpro)!!!

Let’s see if Evan receives one or more notifications of these mentions, especially on cosocial, directly from my blog to his Mastodon account.

Previous related posts on how to @-mention across the , , and silos:

wood, to Blog
@wood@hachyderm.io avatar

Webmentions: how I used 1990s technology to avoid writing JavaScript.

> When I started building websites over 20 years ago, I used Perl and CGI to run simple scripts, like a guestbook (I wrote my own). I prefer Ruby these days—and Perl has deprecated CGI—but could that approach still work? I thought it would be fun to try. It turns out it does work!

Please like/boost/reply to help me load test! 😁

https://joshuawood.net/webmentions

lqdev, to fediverse
lostletters, to random

I kept thinking my were broken, but I just forgot to setup https://brid.gy with my new mastodon account. ehehe oops.

reillypascal, to Blog
@reillypascal@hachyderm.io avatar

I did a write up of setting up Webmentions on my site! I had mentioned it earlier, but there was one stumbling block that took me longer to figure out.

Webmentions let me get notified when people share my posts, respond to my comments on other sites, etc., and lets me use my site for a lot of the kinds of interactions I'd otherwise have to do on social media.

https://reillyspitzfaden.com/blog/05-21-2024

#IndieWeb #Blog #Webmentions #Microformats #WebDev #WebDevelopment #Programming #Coding

ayo, (edited ) to random
@ayo@ayco.io avatar

Someone from bsky mentioned he doesn’t show peoples’ avatars and just uses this library for identicons. It looks amazing! I will use this too for rendering webmentions in my blog. https://github.com/laurentpayot/minidenticons

ayo, (edited )
@ayo@ayco.io avatar

feat: respect user faces

const identicon = document.createElement("minidenticon-svg");   
identicon.setAttribute('username', mention.author.url)   

👉 commit: https://ayco.io/gh/blog/commit/ff3182c946763c877f5e6134edfae847c3ff5dbb

#webdev #frontend #webmentions #indieweb

stvfrnzl, to random
@stvfrnzl@mastodon.online avatar

Hey @henry just saw your talk at , loving the energy! 🔥🔥🔥

Too bad you only had 11 minutes, I'm currently exploring and would've loved to hear about it more in-depth. Did you already blog about this, by any chance?

To everyone else, here's the talk I'm talking about: https://www.youtube.com/live/iLxJ6PtuF9M?si=qYE7qhAIbnAO92yk&t=8534

What did you use for your slides? For a moment I thought 🤔

stvfrnzl, to Astro
@stvfrnzl@mastodon.online avatar

Good news: I got #webmentions working locally with @astro ! 🥳

Bad news: They're not showing in production, there's not even a request, nor is my try & catch throwing me an error 🤡

Why is it SO HARD to get them working with #astro?? Meanwhile the #11ty community has tons of resources on how to do it...

I assume that it's some client-side issue but I've had enough of this, time to start the weekend

#WebDev #Frontend #indieweb

stvfrnzl, to Blog
@stvfrnzl@mastodon.online avatar

Followed the steps on https://indiewebify.me/ to integrate on my and made some real good progress after plenty of commits.

No clue though how to actually show them using @astro but that's Tomorrow Steve's problem not mine

stvfrnzl, to webdev
@stvfrnzl@mastodon.online avatar

I finally got #webmentions for @astro working! Thanks to @henry sparking my interest for it (again) and anyone here who helped me along the way.

https://stevefrenzel.dev/posts/webmentions-in-astro-for-blog-posts/

I would appreciate lots of likes, reposts and comments so I have more data to work with hehe
😈

#WebDev #Frontend #IndieWeb #Astro #SSG #blog #html #JavaScript

  • All
  • Subscribed
  • Moderated
  • Favorites
  • anitta
  • thenastyranch
  • rosin
  • GTA5RPClips
  • osvaldo12
  • love
  • Youngstown
  • slotface
  • khanakhh
  • everett
  • kavyap
  • mdbf
  • DreamBathrooms
  • ngwrru68w68
  • megavids
  • magazineikmin
  • InstantRegret
  • normalnudes
  • tacticalgear
  • cubers
  • ethstaker
  • modclub
  • cisconetworking
  • Durango
  • provamag3
  • tester
  • Leos
  • JUstTest
  • All magazines