🤖 There’s a new post on Michael Burkhardt’s Whirled Wide Web:

Beautiful Bavaria

#Weeknotes #IndieWeb

https://mihobu.lol/weeknotes-week-02-2025

The web is siting!

We now have a cute little table-of-contents going which also conveniently tracks along with where you are on the page.

It's surprisingly painless to do this with just raw Javascript and a bit of care - the JS engines now have all the tools for it :D

And it's snappy, too! ((IntersectionObserver helps a LOT there))

Lookit goooo

#website #WebDev #selfhosted #indieweb

Just learned about https://blamensir.neocities.org/ from @maya! An amazing website! Thanks for the recommendation!
#indieweb

Bit by little wiggly bit, I'm getting #IndieWeb components back on the site. POSSE links are the easiest, though I did have to finish scrubbing out a few Twitter and Facebook links.

Testing webmentions for my blog post about brewing ideas lazily:

https://www.shreyasprakash.com/brew-your-ideas-lazily/

#webmentions #test

https://slashpages.net is sweeeet!

It’s unfortunate that https://tommi.space/ only has two or three among the most common #SlashPages, so I now have #IndieWebFOMO, and I want to create them aalllllll!

#IndieWeb #Website #WebDev #WebFOMO #FOMO #Web

Made a big update to my old website version archive browser over the weekend. Pretty nice to see all the thumbnails!

https://version.stefanbohacek.dev

#PersonalWebsite #indieweb #website #archive

(Apologies for the lack of alt text, and other possible accessibility issues, still working on this!)

Automattic and .blog

Good morning, IndieWeb! We’ve got a meetup this Wednesday in Austin, at Radio Coffee & Beer. You can RSVP here or just show up. ☕️🍺

The Mastodon instance I'm on, #IndieWeb, has reacted to the #Threads moderation reduction announcement by limiting the discoverability of Threads on IndieWeb. Essentially, if you choose to follow a Threads user's federated output, cool. But nobody is going to stumble on any Threads content - they'll have to purposely bring it in on a case-by-case basis. This is level one containment - the next level is blocking Threads permanently. It's not a complex system, but it works.

Back to filling in earlier years on my online gallery. New drawings get shoved in there regularly, but until now I had only uploaded everything as old as 2020 (and then a random assortment of drawings going back to the '90s). Now I'm working on 2019! It looks like that's when I moved away from mostly pencil to an all-digital workflow on a tablet PC.

They're here, and there'll be more as I keep updating:
https://bigraccoon.ca/gallery?tag=Year%3A%202019

#PersonalSites #IndieWeb #MastoArt

Spent most of the day on the frontend of my website. Happy so far. You can check it out here: https://mariobreskic.de/

Had to remove the #webmentions plugin because, really? Who needs it.
Now, with that out of the way, I can get back to my actual work.

Also, as you can most likely tell from reading https://codeandcanvas.tumblr.com/post/772571059280068608/log-004-exit I’ve decided to get rid of Firefox, ad blocking, telemetry denial, and so forth, because it is an absolute waste of time, psychic energy, and turns you into an utter wimp!

Free Our Feeds

The people should own the town square

I love full-width websites, I love fixed width websites. I love flex galleries and I love grid galleries. I love plain websites and colourful websites. I love cool skeuomorphic design elements and I love plain, bog-standard webpages. I love clever and loose tag-based navigation and I love organised and well-defined hierarchies. I love painterly graphic elements and I love hard-edged vector elements

in short, my website can't be done because it will always want to be something else

#indieweb

I really like this little tool I’ve built: it collects all relevant posts from my most active social media accounts in one place, so that fellow goblins can just chill out in it. Comments and #webmentions are also active, so there is always room for goblin notes and scratches in the archive.

Turning myself into a goblin asking himself what other goblins would like in a social media archive has so far been fungal.

https://social.mariobreskic.de/goblin/2025/01/13/651/

I really like this little tool I’ve built: it collects all relevant posts from my most active social media accounts in one place, so that fellow goblins can just chill out in it. Comments and #webmentions are also active, so there is always room for goblin notes and scratches in the archive.

🎉 Eight years ago today, the #IndieWeb Webmention protocol was published as a W3C REC https://www.w3.org/TR/webmention/

As a social web building block, #Webmention was designed to work with various other building blocks. Small pieces, loosely joined. Every year developers find new ways to work with Webmention, and new subtleties when combined with other building blocks.

The primary uses of Webmention, peer-to-peer comments, likes, and other responses across web sites, have long presented an interesting challenge with the incorporation and display of external content originally from one site (the Webmention sender), on another site (the Webmention receiver).

There are multiple considerations to keep in mind when displaying such external content.

Two examples of external content are images (e.g. people’s icons or profile images from the author of a comment) and text (e.g. people’s names or the text of their comments).

For external images, rather than displaying them in full fidelity, you may want to compress them into a smaller resolution for how your site displays the profile images of comment authors.

If you accept Webmentions from arbitrary sources, there’s no telling what might show up in author images. You may want to pixelate images from unknown or novel sources into say 3x3 pixel grids of color (or grayscale) averages to make them uniquely identifiable while blurring any undesirable graphics beyond recognition.

For external text, one thing we discovered in recent IndieWeb chat¹ is that someone’s comment (or in this case their name) can contain Unicode directional formatting characters, e.g. for displaying an Arabic or Hebrew name right-to-left. Text with such formatting characters can errantly impact the direction of adjacent text.

Fortunately there is a CSS property, 'unicode-bidi', that can be used to directionally isolate such external text. Thus when you embed text that was parsed from a received Webmention, possibly with formatting characters, you have to wrap it in an HTML element (a span will do if you have not already wrapped it) with that CSS property. E.g.:

<span style="unicode-bidi: isolate;">parsed text here</span>

Though even better would be use of a generic HTML class name indicating the semantic:

<span class="external-text">parsed text here</span>

and then a CSS rule in your style sheet to add that property (and any others you want for external text)

.external-text { unicode-bidi: isolate; }

Previously: https://tantek.com/2023/012/t1/six-years-webmention-w3c


This is post 7 of #100PostsOfIndieWeb. #100Posts #socialWeb #openSocialWeb

https://tantek.com/2025/004/t1/micro-one-onramp-open-social-web
→ 🔮


Glossary

HTML class name
  https://tantek.com/2012/353/b1/why-html-classes-css-class-selectors
IndieWeb chat
  https://indieweb.org/discuss
pixelate
  https://indieweb.org/pixelated
small pieces, loosely joined
  https://www.smallpieces.com/
Unicode directional formatting characters
  https://en.wikipedia.org/wiki/Bidirectional_text#Explicit_formatting
unicode-bidi CSS property
  https://developer.mozilla.org/en-US/docs/Web/CSS/unicode-bidi  


References

¹ https://chat.indieweb.org/dev/2025-01-05#t1736092889120900
#IndieWeb #Webmention #100PostsOfIndieWeb #100Posts #socialWeb #openSocialWeb
ð Eight years ago today, the #IndieWeb Webmention protocol was published as a W3C REC https://www.w3.org/TR/webmention/As a social web building block, #Webmention was designed to work with various other building blocks. Small pieces, loosely joined. Every year developers find new ways to work with Webme... tantek.com