Study Hall Reflections (a blog post about the #IndieWeb event I host about learning to make web pages: Front End Study Hall) #blogging #frontend
https://artlung.com/blog/2025/04/25/study-hall-reflections/
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://xoxo.zone/@artlung/114400205952480734",
"content": {
"html": "<p>Study Hall Reflections (a blog post about the <a href=\"https://xoxo.zone/tags/IndieWeb\">#<span>IndieWeb</span></a> event I host about learning to make web pages: Front End Study Hall) <a href=\"https://xoxo.zone/tags/blogging\">#<span>blogging</span></a> <a href=\"https://xoxo.zone/tags/frontend\">#<span>frontend</span></a></p><p><a href=\"https://artlung.com/blog/2025/04/25/study-hall-reflections/\"><span>https://</span><span>artlung.com/blog/2025/04/25/st</span><span>udy-hall-reflections/</span></a></p>",
"text": "Study Hall Reflections (a blog post about the #IndieWeb event I host about learning to make web pages: Front End Study Hall) #blogging #frontend\n\nhttps://artlung.com/blog/2025/04/25/study-hall-reflections/"
},
"published": "2025-04-25T19:16:51+00:00",
"post-type": "note",
"_id": "44625400",
"_source": "8007",
"_is_read": false
}
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://mastodon.social/@shankulkarny/114399830750916259",
"content": {
"html": "<p>I built a thing! And here's what I learned:</p><p><a href=\"https://skny.uk/posts/7-i-built-a-website/\"><span>https://</span><span>skny.uk/posts/7-i-built-a-webs</span><span>ite/</span></a></p><p><a href=\"https://mastodon.social/tags/indieweb\">#<span>indieweb</span></a> <a href=\"https://mastodon.social/tags/webdev\">#<span>webdev</span></a> <a href=\"https://mastodon.social/tags/coding\">#<span>coding</span></a> <a href=\"https://mastodon.social/tags/blog\">#<span>blog</span></a> <a href=\"https://mastodon.social/tags/blogging\">#<span>blogging</span></a> <a href=\"https://mastodon.social/tags/writing\">#<span>writing</span></a></p>",
"text": "I built a thing! And here's what I learned:\n\nhttps://skny.uk/posts/7-i-built-a-website/\n\n#indieweb #webdev #coding #blog #blogging #writing"
},
"published": "2025-04-25T17:41:26+00:00",
"post-type": "note",
"_id": "44624650",
"_source": "8007",
"_is_read": false
}
10 Pointless facts about me
So all the cool kids are doing this blogging challenge, and I don’t want to be left out:
Do you floss your teeth?Yes. Probably more often than I brush them.
Tea, coffee, or water?Not…tea. You know there is water in coffee and tea, right?
Footwear preference?Boots for boot stuff. Sneakers for sneaker stuff. Wool socks though. Always.
Favourite dessert?Tiramisu. Always.
The first […]
#Blogging #BloggingChallenge #IndieWeb
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://swduncan.com/2025/04/25/10-pointless-facts-about-me/",
"content": {
"html": "<p><strong>10 Pointless facts about me</strong></p><p>So all the cool kids are doing this blogging challenge, and I don\u2019t want to be left out:</p><p>Do you floss your teeth?Yes. Probably more often than I brush them. </p><p>Tea, coffee, or water?Not\u2026tea. You know there is water in coffee and tea, right?</p><p>Footwear preference?Boots for boot stuff. Sneakers for sneaker stuff. Wool socks though. Always.</p><p>Favourite dessert?Tiramisu. Always. </p><p>The first [\u2026]</p><p><a class=\"u-tag u-category\" href=\"https://swduncan.com/tag/blogging/\">#Blogging</a> <a class=\"u-tag u-category\" href=\"https://swduncan.com/tag/bloggingchallenge/\">#BloggingChallenge</a> <a class=\"u-tag u-category\" href=\"https://swduncan.com/tag/indieweb/\">#IndieWeb</a></p>",
"text": "10 Pointless facts about me\n\nSo all the cool kids are doing this blogging challenge, and I don\u2019t want to be left out:\n\nDo you floss your teeth?Yes. Probably more often than I brush them. \n\nTea, coffee, or water?Not\u2026tea. You know there is water in coffee and tea, right?\n\nFootwear preference?Boots for boot stuff. Sneakers for sneaker stuff. Wool socks though. Always.\n\nFavourite dessert?Tiramisu. Always. \n\nThe first [\u2026]\n\n#Blogging #BloggingChallenge #IndieWeb"
},
"published": "2025-04-25T16:10:56+00:00",
"post-type": "note",
"_id": "44623709",
"_source": "8007",
"_is_read": false
}
I really like personal homepages and have quite a list of them bookmarked. I'll post one every week unless I fall behind this schedule. 😉 So here's Cool Personal Homepages #CPH Vol. 41: "Charles in Clouds' Space" https://inclouds.space/
#SmallWeb #indieweb #homepage #blog
PS: @charles is on the Fediverse!
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://mastodon.online/@jlsksr/114398992645062719",
"content": {
"html": "<p>I really like personal homepages and have quite a list of them bookmarked. I'll post one every week unless I fall behind this schedule. \ud83d\ude09 So here's Cool Personal Homepages <a href=\"https://mastodon.online/tags/CPH\">#<span>CPH</span></a> Vol. 41: \"Charles in Clouds' Space\" <a href=\"https://inclouds.space/\"><span>https://</span><span>inclouds.space/</span><span></span></a></p><p><a href=\"https://mastodon.online/tags/SmallWeb\">#<span>SmallWeb</span></a> <a href=\"https://mastodon.online/tags/indieweb\">#<span>indieweb</span></a> <a href=\"https://mastodon.online/tags/homepage\">#<span>homepage</span></a> <a href=\"https://mastodon.online/tags/blog\">#<span>blog</span></a></p><p>PS: <span class=\"h-card\"><a class=\"u-url\" href=\"https://hci.social/@charles\">@<span>charles</span></a></span> is on the Fediverse!</p>\n<a class=\"u-mention\" href=\"https://hci.social/@charles\"></a>",
"text": "I really like personal homepages and have quite a list of them bookmarked. I'll post one every week unless I fall behind this schedule. \ud83d\ude09 So here's Cool Personal Homepages #CPH Vol. 41: \"Charles in Clouds' Space\" https://inclouds.space/\n\n#SmallWeb #indieweb #homepage #blog\n\nPS: @charles is on the Fediverse!"
},
"published": "2025-04-25T14:08:17+00:00",
"photo": [
"https://files.mastodon.social/cache/media_attachments/files/114/398/992/711/643/861/original/bb33997c8b806530.png"
],
"post-type": "photo",
"_id": "44622476",
"_source": "8007",
"_is_read": false
}
Musing about the decentralized nature of both Mastodon and Bluesky.
{
"type": "entry",
"author": {
"name": "Manton Reece",
"url": "https://www.manton.org/",
"photo": "https://avatars.micro.blog/avatars/2024/02/3.jpg"
},
"url": "https://www.manton.org/2025/04/25/bluesky-downtime.html",
"name": "Bluesky downtime",
"content": {
"html": "<p>Bluesky was down last night and I saw a couple posts questioning how this could happen if it was really decentralized. Worth a few thoughts here.</p>\n<p>If <code>mastodon.social</code> went down, what would the user sentiment be? It hosts 2.7 million users, or roughly 15% of the fediverse. (Not counting Threads because Meta doesn\u2019t publish their data.) While down, users on <code>mastodon.social</code> wouldn\u2019t be able to interact with the fediverse or download a copy of their posts.</p>\n<p>This is best illustrated with <a href=\"https://bsky.app/profile/r.v.cx/post/3kldku4rh2s2k\">this humorous Mastodon critique</a> from Rob Shearer:</p>\n<blockquote>\n<p>M: You start by choosing an instance. But the important thing is it doesn\u2019t matter because all instances are federated and you can migrate between instances.</p>\n<p>U: So if the instance I chose gets shut down I can migrate to another?</p>\n<p>M: No.</p>\n</blockquote>\n<p>Even so, if a single very large Mastodon server went down, no one would use it to question whether Mastodon is decentralized, other than as a reminder that smaller communities are often better and make the network more resilient. Likewise, it\u2019s not really fair to frame <code>bsky.app</code> as merely a large server; it\u2019s effectively the only thing right now, which isn\u2019t true for <code>mastodon.social</code>.</p>\n<p>With AT Protocol, it\u2019s possible to host your posts outside of Bluesky. Very few people do this, but it will become more common as third-party hosting services (like Micro.blog) support it. In that case, if <code>bsky.app</code> went down, you could still access your posts.</p>\n<p>When you call the Bluesky API via <code>bsky.social</code>, it actually proxies your requests to the appropriate backend data server that might be hosted elsewhere. This makes the API feel very centralized, but all of the data could still be accessed directly in a more distributed way, like accessing individual websites.</p>\n<p>Bluesky is not federated like Mastodon, but the open architecture that Bluesky was designed around is valuable. It is distributed sort of like the web is distributed even though Google exists and dominates search. Eventually, there will be other AppViews that work like Bluesky but run in parallel with their own timeline. In that case, if Bluesky went down, some other apps might still function, and could utilize the same data and social graph.</p>\n<p>We need to move beyond a Mastodon vs. Bluesky mindset. As I\u2019ve blogged several times, they are solving slightly different problems. We can draw inspiration from each one to make the web more open. I want both to exist.</p>",
"text": "Bluesky was down last night and I saw a couple posts questioning how this could happen if it was really decentralized. Worth a few thoughts here.\nIf mastodon.social went down, what would the user sentiment be? It hosts 2.7 million users, or roughly 15% of the fediverse. (Not counting Threads because Meta doesn\u2019t publish their data.) While down, users on mastodon.social wouldn\u2019t be able to interact with the fediverse or download a copy of their posts.\nThis is best illustrated with this humorous Mastodon critique from Rob Shearer:\n\nM: You start by choosing an instance. But the important thing is it doesn\u2019t matter because all instances are federated and you can migrate between instances.\nU: So if the instance I chose gets shut down I can migrate to another?\nM: No.\n\nEven so, if a single very large Mastodon server went down, no one would use it to question whether Mastodon is decentralized, other than as a reminder that smaller communities are often better and make the network more resilient. Likewise, it\u2019s not really fair to frame bsky.app as merely a large server; it\u2019s effectively the only thing right now, which isn\u2019t true for mastodon.social.\nWith AT Protocol, it\u2019s possible to host your posts outside of Bluesky. Very few people do this, but it will become more common as third-party hosting services (like Micro.blog) support it. In that case, if bsky.app went down, you could still access your posts.\nWhen you call the Bluesky API via bsky.social, it actually proxies your requests to the appropriate backend data server that might be hosted elsewhere. This makes the API feel very centralized, but all of the data could still be accessed directly in a more distributed way, like accessing individual websites.\nBluesky is not federated like Mastodon, but the open architecture that Bluesky was designed around is valuable. It is distributed sort of like the web is distributed even though Google exists and dominates search. Eventually, there will be other AppViews that work like Bluesky but run in parallel with their own timeline. In that case, if Bluesky went down, some other apps might still function, and could utilize the same data and social graph.\nWe need to move beyond a Mastodon vs. Bluesky mindset. As I\u2019ve blogged several times, they are solving slightly different problems. We can draw inspiration from each one to make the web more open. I want both to exist."
},
"summary": "Musing about the decentralized nature of both Mastodon and Bluesky.",
"published": "2025-04-25T09:38:38-04:00",
"category": [
"Essays"
],
"post-type": "article",
"_id": "44622165",
"_source": "12",
"_is_read": false
}
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://mastodon.social/@RobertaFidora/114398673987124281",
"content": {
"html": "<p>Everything's back up and running...and now there's added yearly support for musicians too! </p><p><a href=\"https://mirlo.space/robertafidora/support\"><span>https://</span><span>mirlo.space/robertafidora/supp</span><span>ort</span></a></p><p><a href=\"https://mastodon.social/tags/Music\">#<span>Music</span></a> <a href=\"https://mastodon.social/tags/Musicians\">#<span>Musicians</span></a> <a href=\"https://mastodon.social/tags/Electronic\">#<span>Electronic</span></a> <a href=\"https://mastodon.social/tags/Coop\">#<span>Coop</span></a> <a href=\"https://mastodon.social/tags/Coops\">#<span>Coops</span></a> <a href=\"https://mastodon.social/tags/Indie\">#<span>Indie</span></a> <a href=\"https://mastodon.social/tags/IndieWeb\">#<span>IndieWeb</span></a> <a href=\"https://mastodon.social/tags/Fediverse\">#<span>Fediverse</span></a></p>",
"text": "Everything's back up and running...and now there's added yearly support for musicians too! \n\nhttps://mirlo.space/robertafidora/support\n\n#Music #Musicians #Electronic #Coop #Coops #Indie #IndieWeb #Fediverse"
},
"published": "2025-04-25T12:47:15+00:00",
"post-type": "note",
"_id": "44621670",
"_source": "8007",
"_is_read": false
}
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://ibe.social/notes/a703nrg31t",
"content": {
"html": "<p>New on the blog: The one where I present you <a href=\"https://theresmiling.eu/blog/2025/04/10-pintless-facts\">10 prointless facts about myself</a> as prompted by <a class=\"u-url\" href=\"https://gofer.social/@daj\">@daj@gofer.social</a> in his <a href=\"https://forkingmad.blog/ten-pointless-facts-about-me/\">recent blog post</a><span>.<br /><br />I also updated my stylesheet and added a page for my Python art.<br /><br /></span><a href=\"https://ibe.social/tags/personalWebsite\">#personalWebsite</a> <a href=\"https://ibe.social/tags/personalBlog\">#personalBlog</a> <a href=\"https://ibe.social/tags/personalWeb\">#personalWeb</a> <a href=\"https://ibe.social/tags/smallWeb\">#smallWeb</a> <a href=\"https://ibe.social/tags/indieWeb\">#indieWeb</a> <a href=\"https://ibe.social/tags/blogQuestionsChallenge\">#blogQuestionsChallenge</a> <a href=\"https://ibe.social/tags/pointless10\">#pointless10</a> <a href=\"https://ibe.social/tags/bloggingChallenge\">#bloggingChallenge</a></p>\n<a class=\"u-mention\" href=\"https://gofer.social/@daj\"></a>",
"text": "New on the blog: The one where I present you 10 prointless facts about myself as prompted by @daj@gofer.social in his recent blog post.\n\nI also updated my stylesheet and added a page for my Python art.\n\n#personalWebsite #personalBlog #personalWeb #smallWeb #indieWeb #blogQuestionsChallenge #pointless10 #bloggingChallenge"
},
"published": "2025-04-25T08:34:24+00:00",
"post-type": "note",
"_id": "44619750",
"_source": "8007",
"_is_read": false
}
I've been looking for a "web stack" that shares my values around permanence/sustainability for a long time without much success. Something that goes beyond "just make a static site". I want to make small dynamic web pages but every piece of modern web tech I see feels like a house of cards that is just about to tumble.
Today I found another way via @alexpetros !
Watch his talk "Building the Hundred-Year Web Service with htmx": https://www.youtube.com/watch?v=lASLZ9TgXyc
Or listen to his ideas on the Sustain podcast: https://podcast.sustainoss.org/261
Or read his websites:
* https://unplannedobsolescence.com
* https://thefloatingcontinent.com
* https://alexanderpetros.com
Hopefully this helps someone else get unstuck.
#web #indieweb #permanence #theWorkshop
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://merveilles.town/@gustav/114397618992445810",
"content": {
"html": "<p>I've been looking for a \"web stack\" that shares my values around permanence/sustainability for a long time without much success. Something that goes beyond \"just make a static site\". I want to make small dynamic web pages but every piece of modern web tech I see feels like a house of cards that is just about to tumble.</p><p>Today I found another way via <span class=\"h-card\"><a class=\"u-url\" href=\"https://indieweb.social/@alexpetros\">@<span>alexpetros</span></a></span> !</p><p>Watch his talk \"Building the Hundred-Year Web Service with htmx\": <a href=\"https://www.youtube.com/watch?v=lASLZ9TgXyc\"><span>https://www.</span><span>youtube.com/watch?v=lASLZ9TgXy</span><span>c</span></a></p><p>Or listen to his ideas on the Sustain podcast: <a href=\"https://podcast.sustainoss.org/261\"><span>https://</span><span>podcast.sustainoss.org/261</span><span></span></a></p><p>Or read his websites:<br />* <a href=\"https://unplannedobsolescence.com\"><span>https://</span><span>unplannedobsolescence.com</span><span></span></a><br />* <a href=\"https://thefloatingcontinent.com\"><span>https://</span><span>thefloatingcontinent.com</span><span></span></a><br />* <a href=\"https://alexanderpetros.com\"><span>https://</span><span>alexanderpetros.com</span><span></span></a></p><p>Hopefully this helps someone else get unstuck.</p><p><a href=\"https://merveilles.town/tags/web\">#<span>web</span></a> <a href=\"https://merveilles.town/tags/indieweb\">#<span>indieweb</span></a> <a href=\"https://merveilles.town/tags/permanence\">#<span>permanence</span></a> <a href=\"https://merveilles.town/tags/theWorkshop\">#<span>theWorkshop</span></a></p>\n<a class=\"u-mention\" href=\"https://indieweb.social/@alexpetros\"></a>",
"text": "I've been looking for a \"web stack\" that shares my values around permanence/sustainability for a long time without much success. Something that goes beyond \"just make a static site\". I want to make small dynamic web pages but every piece of modern web tech I see feels like a house of cards that is just about to tumble.\n\nToday I found another way via @alexpetros !\n\nWatch his talk \"Building the Hundred-Year Web Service with htmx\": https://www.youtube.com/watch?v=lASLZ9TgXyc\n\nOr listen to his ideas on the Sustain podcast: https://podcast.sustainoss.org/261\n\nOr read his websites:\n* https://unplannedobsolescence.com\n* https://thefloatingcontinent.com\n* https://alexanderpetros.com\n\nHopefully this helps someone else get unstuck.\n\n#web #indieweb #permanence #theWorkshop"
},
"published": "2025-04-25T08:18:57+00:00",
"post-type": "note",
"_id": "44619751",
"_source": "8007",
"_is_read": false
}
Out of context learning HTML:
#html #indieweb #webdev
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://mastodon.art/@NiwlCraft/114397585136603247",
"content": {
"html": "<p>Out of context learning HTML:</p><p><a href=\"https://mastodon.art/tags/html\">#<span>html</span></a> <a href=\"https://mastodon.art/tags/indieweb\">#<span>indieweb</span></a> <a href=\"https://mastodon.art/tags/webdev\">#<span>webdev</span></a></p>",
"text": "Out of context learning HTML:\n\n#html #indieweb #webdev"
},
"published": "2025-04-25T08:10:20+00:00",
"photo": [
"https://files.mastodon.social/cache/media_attachments/files/114/397/585/203/449/007/original/0273f063a8d75377.jpeg"
],
"post-type": "photo",
"_id": "44619752",
"_source": "8007",
"_is_read": false
}
For each FrESH I attach a unique background to myself during the Zoom, most of which have some significance to web technology history and are a sort of jumping off point for discussion and learning. #IndieWeb #FrontEnd https://codepen.io/artlung/full/zxxwYzE
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://xoxo.zone/@artlung/114396809436886449",
"content": {
"html": "<p>For each FrESH I attach a unique background to myself during the Zoom, most of which have some significance to web technology history and are a sort of jumping off point for discussion and learning. <a href=\"https://xoxo.zone/tags/IndieWeb\">#<span>IndieWeb</span></a> <a href=\"https://xoxo.zone/tags/FrontEnd\">#<span>FrontEnd</span></a> <a href=\"https://codepen.io/artlung/full/zxxwYzE\"><span>https://</span><span>codepen.io/artlung/full/zxxwYz</span><span>E</span></a></p>",
"text": "For each FrESH I attach a unique background to myself during the Zoom, most of which have some significance to web technology history and are a sort of jumping off point for discussion and learning. #IndieWeb #FrontEnd https://codepen.io/artlung/full/zxxwYzE"
},
"published": "2025-04-25T04:53:04+00:00",
"post-type": "note",
"_id": "44618679",
"_source": "8007",
"_is_read": false
}
If anyone notices any issues with the site menus I'd be interested to hear — I did come across a number of unexpected things while I set them up
#WebDev #HTML #CSS #Coding #Programming #IndieWeb #SmallWeb
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://hachyderm.io/@reillypascal/114396143776275290",
"content": {
"html": "<p>If anyone notices any issues with the site menus I'd be interested to hear \u2014 I did come across a number of unexpected things while I set them up</p><p><a href=\"https://hachyderm.io/tags/WebDev\">#<span>WebDev</span></a> <a href=\"https://hachyderm.io/tags/HTML\">#<span>HTML</span></a> <a href=\"https://hachyderm.io/tags/CSS\">#<span>CSS</span></a> <a href=\"https://hachyderm.io/tags/Coding\">#<span>Coding</span></a> <a href=\"https://hachyderm.io/tags/Programming\">#<span>Programming</span></a> <a href=\"https://hachyderm.io/tags/IndieWeb\">#<span>IndieWeb</span></a> <a href=\"https://hachyderm.io/tags/SmallWeb\">#<span>SmallWeb</span></a></p>",
"text": "If anyone notices any issues with the site menus I'd be interested to hear \u2014 I did come across a number of unexpected things while I set them up\n\n#WebDev #HTML #CSS #Coding #Programming #IndieWeb #SmallWeb"
},
"published": "2025-04-25T02:03:47+00:00",
"post-type": "note",
"_id": "44617913",
"_source": "8007",
"_is_read": false
}
I updated my site dropdown menus so they only need CSS and (as far as I was able to ascertain) you can tab through with a keyboard!
https://reillyspitzfaden.com/
The secret seems to be using the CSS :focus and :focus-within selectors. I have a minimal CodePen example here (https://codepen.io/reillypascal/pen/PwwPewM?editors=1100), and here's the article where I got the idea: https://moderncss.dev/css-only-accessible-dropdown-navigation-menu/
#WebDev #HTML #CSS #Coding #Programming #IndieWeb #SmallWeb
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://hachyderm.io/@reillypascal/114396138059895636",
"content": {
"html": "<p>I updated my site dropdown menus so they only need CSS and (as far as I was able to ascertain) you can tab through with a keyboard! </p><p><a href=\"https://reillyspitzfaden.com/\"><span>https://</span><span>reillyspitzfaden.com/</span><span></span></a></p><p>The secret seems to be using the CSS :focus and :focus-within selectors. I have a minimal CodePen example here (<a href=\"https://codepen.io/reillypascal/pen/PwwPewM?editors=1100\"><span>https://</span><span>codepen.io/reillypascal/pen/Pw</span><span>wPewM?editors=1100</span></a>), and here's the article where I got the idea: <a href=\"https://moderncss.dev/css-only-accessible-dropdown-navigation-menu/\"><span>https://</span><span>moderncss.dev/css-only-accessi</span><span>ble-dropdown-navigation-menu/</span></a></p><p><a href=\"https://hachyderm.io/tags/WebDev\">#<span>WebDev</span></a> <a href=\"https://hachyderm.io/tags/HTML\">#<span>HTML</span></a> <a href=\"https://hachyderm.io/tags/CSS\">#<span>CSS</span></a> <a href=\"https://hachyderm.io/tags/Coding\">#<span>Coding</span></a> <a href=\"https://hachyderm.io/tags/Programming\">#<span>Programming</span></a> <a href=\"https://hachyderm.io/tags/IndieWeb\">#<span>IndieWeb</span></a> <a href=\"https://hachyderm.io/tags/SmallWeb\">#<span>SmallWeb</span></a></p>",
"text": "I updated my site dropdown menus so they only need CSS and (as far as I was able to ascertain) you can tab through with a keyboard! \n\nhttps://reillyspitzfaden.com/\n\nThe secret seems to be using the CSS :focus and :focus-within selectors. I have a minimal CodePen example here (https://codepen.io/reillypascal/pen/PwwPewM?editors=1100), and here's the article where I got the idea: https://moderncss.dev/css-only-accessible-dropdown-navigation-menu/\n\n#WebDev #HTML #CSS #Coding #Programming #IndieWeb #SmallWeb"
},
"published": "2025-04-25T02:02:20+00:00",
"post-type": "note",
"_id": "44617914",
"_source": "8007",
"_is_read": false
}
Congratulations to Joe Crawford for a year of organizing the Front End Study Hall meetups! Here’s a little badge:

Badge made with badge.design. Download badge in PNG or SVG format.
{
"type": "entry",
"published": "2025-04-24 15:25-0700",
"url": "https://gregorlove.com/2025/04/congratulations-to-joe-crawford/",
"category": [
"indieweb",
"badges"
],
"content": {
"text": "Congratulations to Joe Crawford for a year of organizing the Front End Study Hall meetups! Here\u2019s a little badge:\n\n\n\nBadge made with badge.design. Download badge in PNG or SVG format.",
"html": "<p>Congratulations to <a class=\"h-card\" href=\"https://artlung.com/\">Joe Crawford</a> for a year of organizing the <a href=\"https://indieweb.org/Front_End_Study_Hall\">Front End Study Hall</a> meetups! Here\u2019s a little badge:</p>\n\n<p><img alt=\"badge with a colored ring, bottom half of ring is orange, upper half is yellow (both are IndieWeb colors). Text 'One Year of Keeping it FrESH' curves around the top, a large number 1 in the middle, and text at the bottom: 'Awarded to artlung.com April 24, 2025 for one year of organizing Front End Study Hall'\" src=\"https://gregorlove.com/site/assets/files/7038/ff159818-5866-4f01-a077-bcd7c04556e8.png\" /></p>\n\n<p>Badge made with <a href=\"https://badge.design/\">badge.design</a>. Download badge in <a href=\"https://gregorlove.com/site/assets/files/7038/ff159818-5866-4f01-a077-bcd7c04556e8.png\">PNG</a> or <a href=\"https://gregorlove.com/site/assets/images/6c3aa920-c266-4d24-9224-bfdc5ce4e3ef.svg\">SVG</a> format.</p>"
},
"author": {
"type": "card",
"name": "gRegor Morrill",
"url": "https://gregorlove.com/",
"photo": "https://gregorlove.com/site/assets/files/6268/profile-2021-square.300x0.jpg"
},
"post-type": "note",
"_id": "44617383",
"_source": "179",
"_is_read": false
}
Congratulations to Joe Crawford for a year of organizing the Front End Study Hall meetups! Here’s a little badge:

Badge made with badge.design. Download badge in PNG or SVG format.
{
"type": "entry",
"published": "2025-04-24 15:25-0700",
"url": "https://gregorlove.com/2025/04/congratulations-to-joe-crawford/",
"category": [
"indieweb",
"badges"
],
"content": {
"text": "Congratulations to Joe Crawford for a year of organizing the Front End Study Hall meetups! Here\u2019s a little badge:\n\n\n\nBadge made with badge.design. Download badge in PNG or SVG format.",
"html": "<p>Congratulations to <a class=\"h-card\" href=\"https://artlung.com/\">Joe Crawford</a> for a year of organizing the <a href=\"https://indieweb.org/Front_End_Study_Hall\">Front End Study Hall</a> meetups! Here\u2019s a little badge:</p>\n\n<p><img alt=\"badge with a colored ring, bottom half of ring is orange, upper half is yellow (both are IndieWeb colors). Text 'One Year of Keeping it FrESH' curves around the top, a large number 1 in the middle, and text at the bottom: 'Awarded to artlung.com April 24, 2025 for one year of organizing Front End Study Hall'\" src=\"https://gregorlove.com/site/assets/files/7038/ff159818-5866-4f01-a077-bcd7c04556e8.png\" /></p>\n\n<p>Badge made with <a href=\"https://badge.design/\">badge.design</a>. Download badge in <a href=\"https://gregorlove.com/site/assets/files/7038/ff159818-5866-4f01-a077-bcd7c04556e8.png\">PNG</a> or <a href=\"https://gregorlove.com/site/assets/images/6c3aa920-c266-4d24-9224-bfdc5ce4e3ef.svg\">SVG</a> format.</p>"
},
"author": {
"type": "card",
"name": "gRegor Morrill",
"url": "https://gregorlove.com/",
"photo": "https://gregorlove.com/site/assets/files/6268/profile-2021-square.300x0.jpg"
},
"post-type": "note",
"_id": "44617276",
"_source": "95",
"_is_read": false
}
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://xoxo.zone/@artlung/114395297240410549",
"content": {
"html": "<p>Next one in 2 weeks. See <a href=\"https://events.indieweb.org/\"><span>https://</span><span>events.indieweb.org/</span><span></span></a> <a href=\"https://xoxo.zone/tags/IndieWeb\">#<span>IndieWeb</span></a> <a href=\"https://xoxo.zone/tags/FrontEnd\">#<span>FrontEnd</span></a></p>",
"text": "Next one in 2 weeks. See https://events.indieweb.org/ #IndieWeb #FrontEnd"
},
"published": "2025-04-24T22:28:30+00:00",
"post-type": "note",
"_id": "44616901",
"_source": "8007",
"_is_read": false
}
Terrific first anniversary Front End Study Hall which ended up being about "art" and data visualization. And I got to monologue about how we all ought to make web pages. Thanks for participating/reading! The notes have tasty links. https://indieweb.org/events/2025-04-24-front-end-study-hall
#IndieWeb #FrontEnd
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://xoxo.zone/@artlung/114395270623247194",
"content": {
"html": "<p>Terrific first anniversary Front End Study Hall which ended up being about \"art\" and data visualization. And I got to monologue about how we all ought to make web pages. Thanks for participating/reading! The notes have tasty links. <a href=\"https://indieweb.org/events/2025-04-24-front-end-study-hall\"><span>https://</span><span>indieweb.org/events/2025-04-24</span><span>-front-end-study-hall</span></a></p><p><a href=\"https://xoxo.zone/tags/IndieWeb\">#<span>IndieWeb</span></a> <a href=\"https://xoxo.zone/tags/FrontEnd\">#<span>FrontEnd</span></a></p>",
"text": "Terrific first anniversary Front End Study Hall which ended up being about \"art\" and data visualization. And I got to monologue about how we all ought to make web pages. Thanks for participating/reading! The notes have tasty links. https://indieweb.org/events/2025-04-24-front-end-study-hall\n\n#IndieWeb #FrontEnd"
},
"published": "2025-04-24T22:21:44+00:00",
"post-type": "note",
"_id": "44616792",
"_source": "8007",
"_is_read": false
}
might make an article about safety when it comes to platforms like neocities. these are my two main points. is there anything i should add?
- many cameras including basically all smartphones save the location and time a photo was taken inside its metadata. unlike social media and chat services that remove it for you, static site hosts serve the exact file you uploaded, including that location and time data.
you should remove this metadata yourself if you don't want people to know exactly where and when the photo was taken. for most people, it's probably bad for people to know where you live, so this is especially important for photos taken in and near your home.
(i would then explain how to do it.)
- do not publish real-life secrets—the kind of stuff people really shouldn't know—in. args use things like html comments, base-64 strings, and invisible text precisely because they are meant to be solved in a reasonable amount of time. if you think you've found a clever way to hide a secret that nobody will find, no you haven't.
don't even upload encrypted archives with great passwords. having the encrypted data in the first place gets a bad actor a gigantic step closer to cracking it.
these methods are perfectly fine for fun little easter eggs, though.
#neocities #internet #indieweb #onlinesafety
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://wetdry.world/@maypop_neocities/114394707889170116",
"content": {
"html": "<p>might make an article about safety when it comes to platforms like neocities. these are my two main points. is there anything i should add?</p><ul><li>many cameras including basically all smartphones save the location and time a photo was taken inside its metadata. unlike social media and chat services that remove it for you, static site hosts serve the exact file you uploaded, including that location and time data.</li></ul><p>you should remove this metadata yourself if you don't want people to know exactly where and when the photo was taken. for most people, it's probably bad for people to know where you live, so this is especially important for photos taken in and near your home.</p><p>(i would then explain how to do it.)</p><ul><li>do not publish real-life secrets\u2014the kind of stuff people really shouldn't know\u2014in. args use things like html comments, base-64 strings, and invisible text precisely because they are meant to be solved in a reasonable amount of time. if you think you've found a clever way to hide a secret that nobody will find, <em>no you haven't</em>.</li></ul><p>don't even upload encrypted archives with great passwords. having the encrypted data in the first place gets a bad actor a gigantic step closer to cracking it.</p><p>these methods are perfectly fine for fun little easter eggs, though.</p><p><a href=\"https://wetdry.world/tags/neocities\">#<span>neocities</span></a> <a href=\"https://wetdry.world/tags/internet\">#<span>internet</span></a> <a href=\"https://wetdry.world/tags/indieweb\">#<span>indieweb</span></a> <a href=\"https://wetdry.world/tags/onlinesafety\">#<span>onlinesafety</span></a></p>",
"text": "might make an article about safety when it comes to platforms like neocities. these are my two main points. is there anything i should add?many cameras including basically all smartphones save the location and time a photo was taken inside its metadata. unlike social media and chat services that remove it for you, static site hosts serve the exact file you uploaded, including that location and time data.you should remove this metadata yourself if you don't want people to know exactly where and when the photo was taken. for most people, it's probably bad for people to know where you live, so this is especially important for photos taken in and near your home.\n\n(i would then explain how to do it.)do not publish real-life secrets\u2014the kind of stuff people really shouldn't know\u2014in. args use things like html comments, base-64 strings, and invisible text precisely because they are meant to be solved in a reasonable amount of time. if you think you've found a clever way to hide a secret that nobody will find, no you haven't.don't even upload encrypted archives with great passwords. having the encrypted data in the first place gets a bad actor a gigantic step closer to cracking it.\n\nthese methods are perfectly fine for fun little easter eggs, though.\n\n#neocities #internet #indieweb #onlinesafety"
},
"published": "2025-04-24T19:58:37+00:00",
"post-type": "note",
"_id": "44615796",
"_source": "8007",
"_is_read": false
}
So with threads.net switching to .com, I was a little worried about how this might impact the fediverse support. Thankfully looks like they’re sticking with .net for handles.
{
"type": "entry",
"author": {
"name": "Manton Reece",
"url": "https://www.manton.org/",
"photo": "https://avatars.micro.blog/avatars/2024/02/3.jpg"
},
"url": "https://www.manton.org/2025/04/24/so-with-threadsnet-switching-to.html",
"content": {
"html": "<p>So with threads.net switching to .com, I was a little worried about how this might impact the fediverse support. Thankfully looks like they\u2019re sticking with .net for handles.</p>",
"text": "So with threads.net switching to .com, I was a little worried about how this might impact the fediverse support. Thankfully looks like they\u2019re sticking with .net for handles."
},
"published": "2025-04-24T15:47:10-04:00",
"post-type": "note",
"_id": "44615789",
"_source": "12",
"_is_read": false
}
@Luke There is a calendar-ish thing on this page - https://events.indieweb.org/tag/frontend #indieweb
The iCal feed isn't functioning. I'm thinking of using @simon's GitScraper to monitor this page and build an alert from it (partly because I've wanted to use GitScraper for years).
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://mastodon.social/@vanderwal/114394454740786044",
"content": {
"html": "<p><span class=\"h-card\"><a class=\"u-url\" href=\"https://typo.social/@Luke\">@<span>Luke</span></a></span> There is a calendar-ish thing on this page - <a href=\"https://events.indieweb.org/tag/frontend\"><span>https://</span><span>events.indieweb.org/tag/fronte</span><span>nd</span></a> <a href=\"https://mastodon.social/tags/indieweb\">#<span>indieweb</span></a></p><p>The iCal feed isn't functioning. I'm thinking of using <span class=\"h-card\"><a class=\"u-url\" href=\"https://fedi.simonwillison.net/@simon\">@<span>simon</span></a></span>'s GitScraper to monitor this page and build an alert from it (partly because I've wanted to use GitScraper for years).</p>\n<a class=\"u-mention\" href=\"https://fedi.simonwillison.net/@simon\"></a>\n<a class=\"u-mention\" href=\"https://typo.social/@Luke\"></a>",
"text": "@Luke There is a calendar-ish thing on this page - https://events.indieweb.org/tag/frontend #indieweb\n\nThe iCal feed isn't functioning. I'm thinking of using @simon's GitScraper to monitor this page and build an alert from it (partly because I've wanted to use GitScraper for years)."
},
"published": "2025-04-24T18:54:14+00:00",
"post-type": "note",
"_id": "44615242",
"_source": "8007",
"_is_read": false
}
Deeply enjoyable IndieWeb Study Hall today, where things got web arty.
I really needed this.
#indieweb
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://mastodon.social/@vanderwal/114394389963705627",
"content": {
"html": "<p>Deeply enjoyable IndieWeb Study Hall today, where things got web arty.</p><p>I really needed this.</p><p><a href=\"https://mastodon.social/tags/indieweb\">#<span>indieweb</span></a></p>",
"text": "Deeply enjoyable IndieWeb Study Hall today, where things got web arty.\n\nI really needed this.\n\n#indieweb"
},
"published": "2025-04-24T18:37:46+00:00",
"post-type": "note",
"_id": "44615116",
"_source": "8007",
"_is_read": false
}