🤖 There’s a new post on Michael Burkhardt’s Whirled Wide Web:
Beautiful Bavaria
#Weeknotes #IndieWeb
https://mihobu.lol/weeknotes-week-02-2025
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://social.lol/@mihobu/113826683105091130",
"content": {
"html": "<p>\ud83e\udd16 There\u2019s a new post on Michael Burkhardt\u2019s Whirled Wide Web:</p><p>Beautiful Bavaria</p><p><a href=\"https://social.lol/tags/Weeknotes\">#<span>Weeknotes</span></a> <a href=\"https://social.lol/tags/IndieWeb\">#<span>IndieWeb</span></a></p><p><a href=\"https://mihobu.lol/weeknotes-week-02-2025\"><span>https://</span><span>mihobu.lol/weeknotes-week-02-2</span><span>025</span></a></p>",
"text": "\ud83e\udd16 There\u2019s a new post on Michael Burkhardt\u2019s Whirled Wide Web:\n\nBeautiful Bavaria\n\n#Weeknotes #IndieWeb\n\nhttps://mihobu.lol/weeknotes-week-02-2025"
},
"published": "2025-01-14T12:22:27+00:00",
"photo": [
"https://files.mastodon.social/cache/media_attachments/files/113/826/683/168/897/603/original/488992befe6d6d2b.jpg"
],
"post-type": "photo",
"_id": "43537856",
"_source": "8007",
"_is_read": false
}
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
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://fosstodon.org/@xaseiresh/113826010958741703",
"content": {
"html": "<p>The web is siting!</p><p>We now have a cute little table-of-contents going which also conveniently tracks along with where you are on the page.</p><p>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</p><p>And it's snappy, too! ((IntersectionObserver helps a LOT there))</p><p>Lookit goooo</p><p><a href=\"https://fosstodon.org/tags/website\">#<span>website</span></a> <a href=\"https://fosstodon.org/tags/WebDev\">#<span>WebDev</span></a> <a href=\"https://fosstodon.org/tags/selfhosted\">#<span>selfhosted</span></a> <a href=\"https://fosstodon.org/tags/indieweb\">#<span>indieweb</span></a></p>",
"text": "The web is siting!\n\nWe now have a cute little table-of-contents going which also conveniently tracks along with where you are on the page.\n\nIt'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\n\nAnd it's snappy, too! ((IntersectionObserver helps a LOT there))\n\nLookit goooo\n\n#website #WebDev #selfhosted #indieweb"
},
"published": "2025-01-14T09:31:31+00:00",
"photo": [
"https://files.mastodon.social/cache/media_attachments/files/113/826/010/986/961/367/original/7826e0f9181894be.mp4"
],
"post-type": "photo",
"_id": "43536480",
"_source": "8007",
"_is_read": false
}
Just learned about https://blamensir.neocities.org/ from @maya! An amazing website! Thanks for the recommendation!
#indieweb
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://jawns.club/@travissouthard/113824380377015864",
"content": {
"html": "<p>Just learned about <a href=\"https://blamensir.neocities.org/\"><span>https://</span><span>blamensir.neocities.org/</span><span></span></a> from <span class=\"h-card\"><a class=\"u-url\" href=\"https://occult.institute/@maya\">@<span>maya</span></a></span>! An amazing website! Thanks for the recommendation!<br /><a href=\"https://jawns.club/tags/indieweb\">#<span>indieweb</span></a></p>\n<a class=\"u-mention\" href=\"https://occult.institute/@maya\"></a>",
"text": "Just learned about https://blamensir.neocities.org/ from @maya! An amazing website! Thanks for the recommendation!\n#indieweb"
},
"published": "2025-01-14T02:36:50+00:00",
"post-type": "note",
"_id": "43534440",
"_source": "8007",
"_is_read": false
}
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.
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://hackers.town/@randomgeek/113823672480020980",
"content": {
"html": "<p>Bit by little wiggly bit, I'm getting <a href=\"https://hackers.town/tags/IndieWeb\">#<span>IndieWeb</span></a> components back on the site. <a href=\"https://indieweb.org/POSSE\">POSSE</a> links are the easiest, though I did have to finish scrubbing out a few Twitter and Facebook links.</p>",
"text": "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."
},
"published": "2025-01-13T23:36:48+00:00",
"photo": [
"https://files.mastodon.social/cache/media_attachments/files/113/823/672/541/396/178/original/24649a78646afe8f.png"
],
"post-type": "photo",
"_id": "43532769",
"_source": "8007",
"_is_read": false
}
{
"type": "entry",
"author": {
"name": "#webmentions",
"url": "https://mastodon.social/tags/webmentions",
"photo": null
},
"url": "https://mastodon.social/@shreyasprakash/113823448396620622",
"content": {
"html": "<p>Testing webmentions for my blog post about brewing ideas lazily:</p><p><a href=\"https://www.shreyasprakash.com/brew-your-ideas-lazily/\"><span>https://www.</span><span>shreyasprakash.com/brew-your-i</span><span>deas-lazily/</span></a></p><p><a href=\"https://mastodon.social/tags/webmentions\">#<span>webmentions</span></a> <a href=\"https://mastodon.social/tags/test\">#<span>test</span></a></p>",
"text": "Testing webmentions for my blog post about brewing ideas lazily:\n\nhttps://www.shreyasprakash.com/brew-your-ideas-lazily/\n\n#webmentions #test"
},
"published": "2025-01-13T22:39:49+00:00",
"post-type": "note",
"_id": "43532334",
"_source": "8007",
"_is_read": false
}
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
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://pan.rent/@tommi/113822726518998792",
"content": {
"html": "<p><a href=\"https://slashpages.net\"><span>https://</span><span>slashpages.net</span><span></span></a> is sweeeet!</p><p>It\u2019s unfortunate that <a href=\"https://tommi.space/\"><span>https://</span><span>tommi.space/</span><span></span></a> only has two or three among the most common <a href=\"https://pan.rent/tags/SlashPages\">#<span>SlashPages</span></a>, so I now have <a href=\"https://pan.rent/tags/IndieWebFOMO\">#<span>IndieWebFOMO</span></a>, and I want to create them aalllllll!</p><p><a href=\"https://pan.rent/tags/IndieWeb\">#<span>IndieWeb</span></a> <a href=\"https://pan.rent/tags/Website\">#<span>Website</span></a> <a href=\"https://pan.rent/tags/WebDev\">#<span>WebDev</span></a> <a href=\"https://pan.rent/tags/WebFOMO\">#<span>WebFOMO</span></a> <a href=\"https://pan.rent/tags/FOMO\">#<span>FOMO</span></a> <a href=\"https://pan.rent/tags/Web\">#<span>Web</span></a></p>",
"text": "https://slashpages.net is sweeeet!\n\nIt\u2019s 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!\n\n#IndieWeb #Website #WebDev #WebFOMO #FOMO #Web"
},
"published": "2025-01-13T19:36:14+00:00",
"post-type": "note",
"_id": "43530494",
"_source": "8007",
"_is_read": false
}
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://bolha.us/@diegopds/113822101871805779",
"content": {
"html": "<p>Seman\u00e1rio 02 (2025) - Pedalada Liter\u00e1ria</p><p><a href=\"https://curadoria.bearblog.dev/semanario-02-2025/\"><span>https://</span><span>curadoria.bearblog.dev/semanar</span><span>io-02-2025/</span></a></p><p><a href=\"https://bolha.us/tags/Semanario\">#<span>Semanario</span></a> <a href=\"https://bolha.us/tags/Semanario2025S02\">#<span>Semanario2025S02</span></a> <a href=\"https://bolha.us/tags/IndieWeb\">#<span>IndieWeb</span></a> <a href=\"https://bolha.us/tags/SmallWeb\">#<span>SmallWeb</span></a> <a href=\"https://bolha.us/tags/SurfandoWeb\">#<span>SurfandoWeb</span></a> <a href=\"https://bolha.us/tags/CuradoriaDaInternet\">#<span>CuradoriaDaInternet</span></a> <a href=\"https://bolha.us/tags/BlogsBR\">#<span>BlogsBR</span></a> @blogsbr <a href=\"https://bolha.us/tags/blog\">#<span>blog</span></a></p>",
"text": "Seman\u00e1rio 02 (2025) - Pedalada Liter\u00e1ria\n\nhttps://curadoria.bearblog.dev/semanario-02-2025/\n\n#Semanario #Semanario2025S02 #IndieWeb #SmallWeb #SurfandoWeb #CuradoriaDaInternet #BlogsBR @blogsbr #blog"
},
"published": "2025-01-13T16:57:23+00:00",
"post-type": "note",
"_id": "43528688",
"_source": "8007",
"_is_read": false
}
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!)
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://stefanbohacek.online/@stefan/113821963075977168",
"content": {
"html": "<p>Made a big update to my old website version archive browser over the weekend. Pretty nice to see all the thumbnails!</p><p><a href=\"https://version.stefanbohacek.dev\"><span>https://</span><span>version.stefanbohacek.dev</span><span></span></a></p><p><a href=\"https://stefanbohacek.online/tags/PersonalWebsite\">#<span>PersonalWebsite</span></a> <a href=\"https://stefanbohacek.online/tags/indieweb\">#<span>indieweb</span></a> <a href=\"https://stefanbohacek.online/tags/website\">#<span>website</span></a> <a href=\"https://stefanbohacek.online/tags/archive\">#<span>archive</span></a></p><p>(Apologies for the lack of alt text, and other possible accessibility issues, still working on this!)</p>",
"text": "Made a big update to my old website version archive browser over the weekend. Pretty nice to see all the thumbnails!\n\nhttps://version.stefanbohacek.dev\n\n#PersonalWebsite #indieweb #website #archive\n\n(Apologies for the lack of alt text, and other possible accessibility issues, still working on this!)"
},
"published": "2025-01-13T16:22:05+00:00",
"photo": [
"https://files.mastodon.social/cache/media_attachments/files/113/821/963/512/409/603/original/fd8cec3cf7662eb7.png"
],
"post-type": "photo",
"_id": "43528284",
"_source": "8007",
"_is_read": false
}
{
"type": "entry",
"author": {
"name": "Manton Reece",
"url": "https://www.manton.org/",
"photo": "https://micro.blog/manton/avatar.jpg"
},
"url": "https://www.manton.org/2025/01/10/automattic-and-blog.html",
"name": "Automattic and .blog",
"content": {
"html": "<p>With the increase in scrutiny around how Matt Mullenweg manages the WordPress project, some people have asked whether it\u2019s a risk to invest in .blog, which is owned by Automattic, and in fact whether Micro.blog is online only at the whims of the mad king. I\u2019m not worried. It\u2019s a fair question, though, and the answer is worth exploring in detail.</p>\n<p>First of all, I believe Automattic runs .blog for the good of the web and to make money. The more people who blog, the more people who might choose WordPress.com for hosting. The web gets a little better anytime someone uses a .blog domain, because they probably just created a new website, and Automattic pockets a little cash. Everyone wins.</p>\n<p>Unlike .com and .org, the pricing for .blog domains is variable. Shorter, common words cost more than you\u2019d expect. We pay $2000 for the micro.blog domain, every year. We are a tiny company so it hurts a little each time the domain name renews. But I think the domain is worth it. Getting the domain in 2016 helped shape what Micro.blog would become.</p>\n<p>I mention this because I don\u2019t see Automattic stabbing its customers in the back and shutting down domains, cutting off a revenue source. What would be the point? A single subscription might not be very much to a multi-million dollar company like Automattic, but Automattic is built on thousands of subscriptions. You cut $2000 here or there, and pretty soon you\u2019re talking about real money.</p>\n<p>Next, I am conscious of centralized power and single points of failure. Micro.blog would not exist if I hadn\u2019t become frustrated with Twitter locking down their developer API, years before Elon Musk took over. It\u2019s why I want to work on an open platform where the business model is aligned with the interests of users and developers.</p>\n<p>When we have a choice between two things\u2026 we try to do both anyway. Micro.blog supports ActivityPub <em>and</em> AT Protocol. It supports cross-posting to Mastodon <em>and</em> LinkedIn, Flickr, Bluesky, and Nostr. Take one away \u2014 such as when Elon put the final nail in the Twitter API\u2019s coffin \u2014 and we still have something. Apple controls whether we can ship an iOS app, but not whether we can ship to the web, Mac, or Android. It is important to me that no single company can break my business and wreck my users' blogs.</p>\n<p>Which brings us back to .blog. We recently launched a new special version of the platform called <a href=\"https://micro.one/\">Micro.one</a>. It is, obviously, using a different top-level domain, not owned by Automattic. If the worst were to happen, we would flip everyone to .one and carry on. Over time, I see us using .one more, as a new brand that can unify a suite of apps on the platform.</p>\n<p>The point is the same as it is for so many other things, from features that depend on external services, to having redundancy in servers. It\u2019s a risk to depend on a single company.</p>\n<p>I still think .blog is a great top-level domain. I think Automattic is in this for the long haul. Even Matt\u2019s worst critics are not going to convince me that he wants fewer people to have their own website, or that he is going to pivot Automattic away from blog hosting. And yet, it\u2019s always good to have a backup.</p>",
"text": "With the increase in scrutiny around how Matt Mullenweg manages the WordPress project, some people have asked whether it\u2019s a risk to invest in .blog, which is owned by Automattic, and in fact whether Micro.blog is online only at the whims of the mad king. I\u2019m not worried. It\u2019s a fair question, though, and the answer is worth exploring in detail.\nFirst of all, I believe Automattic runs .blog for the good of the web and to make money. The more people who blog, the more people who might choose WordPress.com for hosting. The web gets a little better anytime someone uses a .blog domain, because they probably just created a new website, and Automattic pockets a little cash. Everyone wins.\nUnlike .com and .org, the pricing for .blog domains is variable. Shorter, common words cost more than you\u2019d expect. We pay $2000 for the micro.blog domain, every year. We are a tiny company so it hurts a little each time the domain name renews. But I think the domain is worth it. Getting the domain in 2016 helped shape what Micro.blog would become.\nI mention this because I don\u2019t see Automattic stabbing its customers in the back and shutting down domains, cutting off a revenue source. What would be the point? A single subscription might not be very much to a multi-million dollar company like Automattic, but Automattic is built on thousands of subscriptions. You cut $2000 here or there, and pretty soon you\u2019re talking about real money.\nNext, I am conscious of centralized power and single points of failure. Micro.blog would not exist if I hadn\u2019t become frustrated with Twitter locking down their developer API, years before Elon Musk took over. It\u2019s why I want to work on an open platform where the business model is aligned with the interests of users and developers.\nWhen we have a choice between two things\u2026 we try to do both anyway. Micro.blog supports ActivityPub and AT Protocol. It supports cross-posting to Mastodon and LinkedIn, Flickr, Bluesky, and Nostr. Take one away \u2014 such as when Elon put the final nail in the Twitter API\u2019s coffin \u2014 and we still have something. Apple controls whether we can ship an iOS app, but not whether we can ship to the web, Mac, or Android. It is important to me that no single company can break my business and wreck my users' blogs.\nWhich brings us back to .blog. We recently launched a new special version of the platform called Micro.one. It is, obviously, using a different top-level domain, not owned by Automattic. If the worst were to happen, we would flip everyone to .one and carry on. Over time, I see us using .one more, as a new brand that can unify a suite of apps on the platform.\nThe point is the same as it is for so many other things, from features that depend on external services, to having redundancy in servers. It\u2019s a risk to depend on a single company.\nI still think .blog is a great top-level domain. I think Automattic is in this for the long haul. Even Matt\u2019s worst critics are not going to convince me that he wants fewer people to have their own website, or that he is going to pivot Automattic away from blog hosting. And yet, it\u2019s always good to have a backup."
},
"published": "2025-01-13T08:58:15-06:00",
"category": [
"Essays"
],
"post-type": "article",
"_id": "43528109",
"_source": "12",
"_is_read": false
}
Good morning, IndieWeb! We’ve got a meetup this Wednesday in Austin, at Radio Coffee & Beer. You can RSVP here or just show up. ☕️🍺
{
"type": "entry",
"author": {
"name": "Manton Reece",
"url": "https://www.manton.org/",
"photo": "https://micro.blog/manton/avatar.jpg"
},
"url": "https://www.manton.org/2025/01/13/good-morning-indieweb-weve-got.html",
"content": {
"html": "<p>Good morning, IndieWeb! We\u2019ve got a meetup this Wednesday in Austin, at Radio Coffee & Beer. You can <a href=\"https://events.indieweb.org/2025/01/indieweb-meetup-austin-zFL9jqPFAgIK\">RSVP here</a> or just show up. \u2615\ufe0f\ud83c\udf7a</p>",
"text": "Good morning, IndieWeb! We\u2019ve got a meetup this Wednesday in Austin, at Radio Coffee & Beer. You can RSVP here or just show up. \u2615\ufe0f\ud83c\udf7a"
},
"published": "2025-01-13T08:27:45-06:00",
"category": [
"Coffee"
],
"post-type": "note",
"_id": "43528110",
"_source": "12",
"_is_read": false
}
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.
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://indieweb.social/@AndySocial/113821899391451681",
"content": {
"html": "<p>The Mastodon instance I'm on, <a href=\"https://indieweb.social/tags/IndieWeb\">#<span>IndieWeb</span></a>, has reacted to the <a href=\"https://indieweb.social/tags/Threads\">#<span>Threads</span></a> 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.</p>",
"text": "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."
},
"published": "2025-01-13T16:05:53+00:00",
"post-type": "note",
"_id": "43528040",
"_source": "8007",
"_is_read": false
}
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
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://mastodon.art/@jsstaedtler/113821705547400745",
"content": {
"html": "<p>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.</p><p>They're here, and there'll be more as I keep updating:<br /><a href=\"https://bigraccoon.ca/gallery?tag=Year%3A%202019\"><span>https://</span><span>bigraccoon.ca/gallery?tag=Year</span><span>%3A%202019</span></a></p><p><a href=\"https://mastodon.art/tags/PersonalSites\">#<span>PersonalSites</span></a> <a href=\"https://mastodon.art/tags/IndieWeb\">#<span>IndieWeb</span></a> <a href=\"https://mastodon.art/tags/MastoArt\">#<span>MastoArt</span></a></p>",
"text": "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.\n\nThey're here, and there'll be more as I keep updating:\nhttps://bigraccoon.ca/gallery?tag=Year%3A%202019\n\n#PersonalSites #IndieWeb #MastoArt"
},
"published": "2025-01-13T15:16:35+00:00",
"photo": [
"https://files.mastodon.social/cache/media_attachments/files/113/821/705/674/223/517/original/e1b4c0160cbcb44e.png"
],
"post-type": "photo",
"_id": "43527494",
"_source": "8007",
"_is_read": false
}
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!
{
"type": "entry",
"author": {
"name": "#webmentions",
"url": "https://mastodon.social/tags/webmentions",
"photo": null
},
"url": "https://mastodon.mariobreskic.de/@mario/113821707258259583",
"content": {
"html": "<p>Spent most of the day on the frontend of my website. Happy so far. You can check it out here: <a href=\"https://mariobreskic.de/\"><span>https://</span><span>mariobreskic.de/</span><span></span></a></p><p>Had to remove the <a href=\"https://mastodon.mariobreskic.de/tags/webmentions\">#<span>webmentions</span></a> plugin because, really? Who needs it.<br />Now, with that out of the way, I can get back to my actual work.</p><p>Also, as you can most likely tell from reading <a href=\"https://codeandcanvas.tumblr.com/post/772571059280068608/log-004-exit\"><span>https://</span><span>codeandcanvas.tumblr.com/post/</span><span>772571059280068608/log-004-exit</span></a> I\u2019ve decided to get rid of Firefox, ad\u00a0blocking, telemetry\u00a0denial, and so forth, because it is an absolute waste of time, psychic energy, and turns you into an utter wimp!</p>",
"text": "Spent most of the day on the frontend of my website. Happy so far. You can check it out here: https://mariobreskic.de/\n\nHad to remove the #webmentions plugin because, really? Who needs it.\nNow, with that out of the way, I can get back to my actual work.\n\nAlso, as you can most likely tell from reading https://codeandcanvas.tumblr.com/post/772571059280068608/log-004-exit I\u2019ve decided to get rid of Firefox, ad\u00a0blocking, telemetry\u00a0denial, and so forth, because it is an absolute waste of time, psychic energy, and turns you into an utter wimp!"
},
"published": "2025-01-13T15:17:01+00:00",
"post-type": "note",
"_id": "43527495",
"_source": "8007",
"_is_read": false
}
{
"type": "entry",
"published": "2025-01-13T14:22:08+00:00",
"url": "https://werd.io/2025/free-our-feeds",
"category": [
"Fediverse"
],
"bookmark-of": [
"https://freeourfeeds.com/"
],
"name": "Free Our Feeds",
"content": {
"text": "[Free Our Feeds]\n\nThe non-profit social media foundation space is really heating up. Which is not a bad thing!\n\nEnter Free our Feeds:\n\"It will take independent funding and governance to turn Bluesky\u2019s underlying tech\u2014the AT Protocol\u2014into something more powerful than a single app. We want to create an entire ecosystem of interconnected apps and different companies that have people\u2019s interests at heart.\nFree Our Feeds will build a new, independent foundation to help make that happen.\"\nThe names involved in this particular venture are really fascinating. Nabiha Syed is the ED of the Mozilla Foundation and is joined by Mark Surman, its President; Robin Berjon has done some of the most important writing and thinking in this space, particularly with respect to governance; Eli Pariser is an experienced activist who co-founded Avaaz and used to run MoveOn; Mallory Knodel is the ED of the ActivityPub-centric Social Web Foundation.\n\nAnd then the signatories to the letter are people like Jimmy Wales, Mark Ruffalo, Cory Doctorow, Roger McNamee, Shoshana Zuboff and Audrey Tang.\n\nSo the Social Web Foundation is ActivityPub-centric and Free Our Feeds is AT Protocol-centric. My (figurative) money is increasingly on A New Social, which posits that all these individual protocols and sub-networks will ultimately be universally addressable as one social internet, and is backing tools to help make that happen.\n\nIt's all wonderful. It's all such a great change from the old model - and in a week where Zuckerberg went \"full Musk\", the timing couldn't be better.\n#Fediverse\n [Link]",
"html": "<p>[<a href=\"https://freeourfeeds.com/\">Free Our Feeds</a>]</p><p>The non-profit social media foundation space is really heating up. Which is not a bad thing!</p><p>Enter <a href=\"https://freeourfeeds.com/\">Free our Feeds</a>:</p><blockquote>\n<p>\"It will take independent funding and governance to turn Bluesky\u2019s underlying tech\u2014the AT Protocol\u2014into something more powerful than a single app. We want to create an entire ecosystem of interconnected apps and different companies that have people\u2019s interests at heart.</p>\n<p>Free Our Feeds will build a new, independent foundation to help make that happen.\"</p>\n</blockquote><p>The names involved in this particular venture are really fascinating. Nabiha Syed is the ED of the Mozilla Foundation and is joined by Mark Surman, its President; Robin Berjon has done some of the most important writing and thinking in this space, particularly with respect to governance; Eli Pariser is an experienced activist who co-founded Avaaz and used to run MoveOn; Mallory Knodel is the ED of the ActivityPub-centric Social Web Foundation.</p><p>And then the signatories to the letter are people like Jimmy Wales, Mark Ruffalo, Cory Doctorow, Roger McNamee, Shoshana Zuboff and Audrey Tang.</p><p>So the Social Web Foundation is ActivityPub-centric and Free Our Feeds is AT Protocol-centric. My (figurative) money is increasingly on <a href=\"https://www.anew.social/\">A New Social</a>, which posits that all these individual protocols and sub-networks will ultimately be universally addressable as one social internet, and is backing tools to help make that happen.</p><p>It's all wonderful. It's all such a great change from the old model - and in a week where Zuckerberg went \"full Musk\", the timing couldn't be better.</p>\n<p><a href=\"https://werd.io/tag/Fediverse\" class=\"p-category\">#Fediverse</a></p>\n <p>[<a href=\"https://freeourfeeds.com/\">Link</a>]</p>"
},
"author": {
"type": "card",
"name": "Ben Werdmuller",
"url": "https://werd.io/profile/benwerd",
"photo": "https://werd.io/file/5d388c5fb16ea14aac640912/thumb.jpg"
},
"post-type": "bookmark",
"_id": "43527270",
"_source": "191",
"_is_read": false
}
{
"type": "entry",
"published": "2025-01-13T12:31:43+00:00",
"url": "https://werd.io/2025/the-people-should-own-the-town-square",
"category": [
"Fediverse"
],
"bookmark-of": [
"https://blog.joinmastodon.org/2025/01/the-people-should-own-the-town-square/"
],
"name": "The people should own the town square",
"content": {
"text": "[Mastodon]\n\nMastodon is growing up:\n\"Simply, we are going to transfer ownership of key Mastodon ecosystem and platform components (including name and copyrights, among other assets) to a new non-profit organization, affirming the intent that Mastodon should not be owned or controlled by a single individual.\n[...] We are in the process of a phased transition. First we are establishing a new legal home for Mastodon and transferring ownership and stewardship. We are taking the time to select the appropriate jurisdiction and structure in Europe. Then we will determine which other (subsidiary) legal structures are needed to support operations and sustainability.\"\nEugen, Mastodon's CEO, will not be the leader of this new entity, although it's not yet clear who will be. He's going to focus on product instead.\n\nAnother note, right at the end of this announcement: the non-profit seeks to grow its annual budget to \u20ac5 million. That's a big increase from current levels, but is absolutely needed. It sounds like plans are in place to make that happen.\n\nI'm excited for everyone involved; everyone who uses Mastodon; everyone on the web. Greater competition through a truly federated solution with decentralized ownership is good for everyone. I can't wait to see what happens next.\n#Fediverse\n [Link]",
"html": "<p>[<a href=\"https://blog.joinmastodon.org/2025/01/the-people-should-own-the-town-square/\">Mastodon</a>]</p><p>Mastodon is growing up:</p><blockquote>\n<p>\"Simply, we are going to transfer ownership of key Mastodon ecosystem and platform components (including name and copyrights, among other assets) to a new non-profit organization, affirming the intent that Mastodon should not be owned or controlled by a single individual.</p>\n<p>[...] We are in the process of a phased transition. First we are establishing a new legal home for Mastodon and transferring ownership and stewardship. We are taking the time to select the appropriate jurisdiction and structure in Europe. Then we will determine which other (subsidiary) legal structures are needed to support operations and sustainability.\"</p>\n</blockquote><p>Eugen, Mastodon's CEO, will not be the leader of this new entity, although it's not yet clear who will be. He's going to focus on product instead.</p><p>Another note, right at the end of this announcement: the non-profit seeks to grow its annual budget to \u20ac5 million. That's a big increase from current levels, but is absolutely needed. It sounds like plans are in place to make that happen.</p><p>I'm excited for everyone involved; everyone who uses Mastodon; everyone on the web. Greater competition through a truly federated solution with decentralized ownership is good for everyone. I can't wait to see what happens next.</p>\n<p><a href=\"https://werd.io/tag/Fediverse\" class=\"p-category\">#Fediverse</a></p>\n <p>[<a href=\"https://blog.joinmastodon.org/2025/01/the-people-should-own-the-town-square/\">Link</a>]</p>"
},
"author": {
"type": "card",
"name": "Ben Werdmuller",
"url": "https://werd.io/profile/benwerd",
"photo": "https://werd.io/file/5d388c5fb16ea14aac640912/thumb.jpg"
},
"post-type": "bookmark",
"_id": "43526179",
"_source": "191",
"_is_read": false
}
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
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://mastodon.social/@qxoko/113820961860516074",
"content": {
"html": "<p>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</p><p>in short, my website can't be done because it will always want to be something else</p><p><a href=\"https://mastodon.social/tags/indieweb\">#<span>indieweb</span></a></p>",
"text": "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\n\nin short, my website can't be done because it will always want to be something else\n\n#indieweb"
},
"published": "2025-01-13T12:07:27+00:00",
"post-type": "note",
"_id": "43525803",
"_source": "8007",
"_is_read": false
}
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.
{
"type": "entry",
"author": {
"name": "#webmentions",
"url": "https://mastodon.social/tags/webmentions",
"photo": null
},
"url": "https://mastodon.mariobreskic.de/@mario/113820724426683425",
"content": {
"html": "<p>I really like this little tool I\u2019ve 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 <a href=\"https://mastodon.mariobreskic.de/tags/webmentions\">#<span>webmentions</span></a> are also active, so there is always room for goblin notes and scratches in the archive.</p>",
"text": "I really like this little tool I\u2019ve 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."
},
"published": "2025-01-13T11:07:04+00:00",
"post-type": "note",
"_id": "43525463",
"_source": "8007",
"_is_read": false
}
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.
{
"type": "entry",
"author": {
"name": "#webmentions",
"url": "https://mastodon.social/tags/webmentions",
"photo": null
},
"url": "https://mastodon.mariobreskic.de/@mario/113820613008466413",
"content": {
"html": "<p>Turning myself into a goblin asking himself what other goblins would like in a social\u00a0media\u00a0archive has so far been fungal. </p><p><a href=\"https://social.mariobreskic.de/goblin/2025/01/13/651/\"><span>https://</span><span>social.mariobreskic.de/goblin/</span><span>2025/01/13/651/</span></a></p><p>I really like this little tool I\u2019ve 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 <a href=\"https://mastodon.mariobreskic.de/tags/webmentions\">#<span>webmentions</span></a> are also active, so there is always room for goblin notes and scratches in the archive.</p>",
"text": "Turning myself into a goblin asking himself what other goblins would like in a social\u00a0media\u00a0archive has so far been fungal. \n\nhttps://social.mariobreskic.de/goblin/2025/01/13/651/\n\nI really like this little tool I\u2019ve 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."
},
"published": "2025-01-13T10:38:44+00:00",
"post-type": "note",
"_id": "43525229",
"_source": "8007",
"_is_read": false
}
🎉 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
{
"type": "entry",
"published": "2025-01-12 21:23-0800",
"url": "http://tantek.com/2025/012/t1/eight-years-webmention",
"category": [
"IndieWeb",
"Webmention",
"100PostsOfIndieWeb",
"100Posts",
"socialWeb",
"openSocialWeb"
],
"content": {
"text": "\ud83c\udf89 Eight years ago today, the #IndieWeb Webmention protocol was published as a W3C REC https://www.w3.org/TR/webmention/\n\nAs 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.\n\nThe 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).\n\nThere are multiple considerations to keep in mind when displaying such external content.\n\nTwo examples of external content are images (e.g. people\u2019s icons or profile images from the author of a comment) and text (e.g. people\u2019s names or the text of their comments).\n\nFor 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.\n\nIf you accept Webmentions from arbitrary sources, there\u2019s 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.\n\nFor external text, one thing we discovered in recent IndieWeb chat\u00b9 is that someone\u2019s 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.\n\nFortunately 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.:\n\n<span style=\"unicode-bidi: isolate;\">parsed text here</span>\n\nThough even better would be use of a generic HTML class name indicating the semantic:\n\n<span class=\"external-text\">parsed text here</span>\n\nand then a CSS rule in your style sheet to add that property (and any others you want for external text)\n\n.external-text { unicode-bidi: isolate; }\n\nPreviously: https://tantek.com/2023/012/t1/six-years-webmention-w3c\n\n\nThis is post 7 of #100PostsOfIndieWeb. #100Posts #socialWeb #openSocialWeb\n\n\u2190 https://tantek.com/2025/004/t1/micro-one-onramp-open-social-web\n\u2192 \ud83d\udd2e\n\n\nGlossary\n\nHTML class name\n\u00a0 https://tantek.com/2012/353/b1/why-html-classes-css-class-selectors\nIndieWeb chat\n\u00a0 https://indieweb.org/discuss\npixelate\n\u00a0 https://indieweb.org/pixelated\nsmall pieces, loosely joined\n\u00a0 https://www.smallpieces.com/\nUnicode directional formatting characters\n\u00a0 https://en.wikipedia.org/wiki/Bidirectional_text#Explicit_formatting\nunicode-bidi CSS property\n\u00a0 https://developer.mozilla.org/en-US/docs/Web/CSS/unicode-bidi \u00a0\n\n\nReferences\n\n\u00b9 https://chat.indieweb.org/dev/2025-01-05#t1736092889120900",
"html": "\ud83c\udf89 Eight years ago today, the #<span class=\"p-category\">IndieWeb</span> Webmention protocol was published as a W3C REC <a href=\"https://www.w3.org/TR/webmention/\">https://www.w3.org/TR/webmention/</a><br /><br />As a social web building block, #<span class=\"p-category\">Webmention</span> 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.<br /><br />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).<br /><br />There are multiple considerations to keep in mind when displaying such external content.<br /><br />Two examples of external content are images (e.g. people\u2019s icons or profile images from the author of a comment) and text (e.g. people\u2019s names or the text of their comments).<br /><br />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.<br /><br />If you accept Webmentions from arbitrary sources, there\u2019s 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.<br /><br />For external text, one thing we discovered in recent IndieWeb chat<a href=\"http://tantek.com/#t5a01_note-1\">\u00b9</a> is that someone\u2019s 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.<br /><br />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.:<br /><br /><span style=\"unicode-bidi: isolate;\">parsed text here</span><br /><br />Though even better would be use of a generic HTML class name indicating the semantic:<br /><br /><span class=\"external-text\">parsed text here</span><br /><br />and then a CSS rule in your style sheet to add that property (and any others you want for external text)<br /><br />.external-text { unicode-bidi: isolate; }<br /><br />Previously: <a href=\"https://tantek.com/2023/012/t1/six-years-webmention-w3c\">https://tantek.com/2023/012/t1/six-years-webmention-w3c</a><br /><br /><br />This is post 7 of #<span class=\"p-category\">100PostsOfIndieWeb</span>. #<span class=\"p-category\">100Posts</span> #<span class=\"p-category\">socialWeb</span> #<span class=\"p-category\">openSocialWeb</span><br /><br />\u2190 <a href=\"https://tantek.com/2025/004/t1/micro-one-onramp-open-social-web\">https://tantek.com/2025/004/t1/micro-one-onramp-open-social-web</a><br />\u2192 \ud83d\udd2e<br /><br /><br />Glossary<br /><br />HTML class name<br />\u00a0 <a href=\"https://tantek.com/2012/353/b1/why-html-classes-css-class-selectors\">https://tantek.com/2012/353/b1/why-html-classes-css-class-selectors</a><br />IndieWeb chat<br />\u00a0 <a href=\"https://indieweb.org/discuss\">https://indieweb.org/discuss</a><br />pixelate<br />\u00a0 <a href=\"https://indieweb.org/pixelated\">https://indieweb.org/pixelated</a><br />small pieces, loosely joined<br />\u00a0 <a href=\"https://www.smallpieces.com/\">https://www.smallpieces.com/</a><br />Unicode directional formatting characters<br />\u00a0 <a href=\"https://en.wikipedia.org/wiki/Bidirectional_text#Explicit_formatting\">https://en.wikipedia.org/wiki/Bidirectional_text#Explicit_formatting</a><br />unicode-bidi CSS property<br />\u00a0 <a href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/unicode-bidi\">https://developer.mozilla.org/en-US/docs/Web/CSS/unicode-bidi</a> \u00a0<br /><br /><br />References<br /><br /><a href=\"http://tantek.com/#t5a01_ref-1\">\u00b9</a> <a href=\"https://chat.indieweb.org/dev/2025-01-05#t1736092889120900\">https://chat.indieweb.org/dev/2025-01-05#t1736092889120900</a>"
},
"author": {
"type": "card",
"name": "Tantek \u00c7elik",
"url": "https://tantek.com/",
"photo": "https://tantek.com/photo.jpg"
},
"post-type": "note",
"_id": "43524564",
"_source": "1",
"_is_read": false
}
ð 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
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://tantek.com/2025/012/t1/eight-years-webmention",
"content": {
"html": "\u00f0 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... <a href=\"https://tantek.com/2025/012/t1/eight-years-webmention\">tantek.com</a>",
"text": "\u00f0 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"
},
"published": "2025-01-13T05:23:00+00:00",
"post-type": "note",
"_id": "43523957",
"_source": "8007",
"_is_read": false
}