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/

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

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!

Bluesky downtime

Musing about the decentralized nature of both Mastodon and Bluesky.

Everything's back up and running...and now there's added yearly support for musicians too!

https://mirlo.space/robertafidora/support

#Music #Musicians #Electronic #Coop #Coops #Indie #IndieWeb #Fediverse

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.

I also updated my stylesheet and added a page for my Python art.

#personalWebsite #personalBlog #personalWeb #smallWeb #indieWeb #blogQuestionsChallenge #pointless10 #bloggingChallenge

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

Out of context learning HTML:

#html #indieweb #webdev

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

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

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

Congratulations to Joe Crawford for a year of organizing the Front End Study Hall meetups! Here’s a little badge:

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'

Badge made with badge.design. Download badge in PNG or SVG format.

Congratulations to Joe Crawford for a year of organizing the Front End Study Hall meetups! Here’s a little badge:

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'

Badge made with badge.design. Download badge in PNG or SVG format.

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

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

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.

@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).

Deeply enjoyable IndieWeb Study Hall today, where things got web arty.

I really needed this.

#indieweb