#dev 2025-07-18

2025-07-18 UTC
grufwub and cow_2001 joined the channel
#
[snarfed]
capjamesg for articles? not right now, no
#
[snarfed]
I'm curious, are you seeing full article content somewhere in the fediverse? pleroma, or akkoma, or misskey?
RapidRotator, geoffo and [morganm] joined the channel
#
[morganm]
Hey just thought Id share some fun notes about recent work on my website https://www.morganwebdev.org/
#
[morganm]
The animations I had originally were `non composited` animations
#
Loqi
[preview] © Morgan Murrah - morganwebdev.org 2025
#
[morganm]
I got advice on the web performance slack how to make them composited
#
[morganm]
Basically originally the clouds were being animated by changing the `top` value of their position.... this is not ideal! so I swapped it to `transform: translateX()` and it still moves the clouds but uses less resources
#
[morganm]
The Sun was animated by swapping box shadow properties with keyframes, and it was really cool but also bad for performance
#
[morganm]
now its just a static box shadow
#
[artlung]
Super fun feel [morganm] ... nice work!
#
capjamesg
[snarfed] I haven't set anything up yet.
#
capjamesg
It's more the principle of sending content to servers when I don't need to.
gRegor, chuck1, jeremych-, duanin2, lanodan and ttybitnik joined the channel
#
aaronpk
This is like 1 step away from the IndieAuth spec now and actually 100% in the spirit of IndieAuth https://bsky.app/profile/hailey.at/post/3lua2fccov22k
#
doesnm
now you should not give password to bsky.app?
#
doesnm
anyway i don't want return to atproto again
gRegor and gRegorLove_ joined the channel
#
aaronpk
Well it means not using passwords to log in to the mobile app. So if you're hosting your own bluesky account your password would only ever be on your server, the bluesky app would never see your password
#
aaronpk
Also it means you can stop using passwords entirely
jonnybarnes and thegreekgeek joined the channel
#
[KevinMarks]
Bsky can mint multiple passwords so you can have a separate one per app. (Do they sound like tokens? Yes, they do rather)
#
aaronpk
yeah "app passwords", still not good
#
capjamesg
[tantek] Re: Icons and source code. I was thinking something like https://github.com/capjamesg/edit-button-extension/blob/main/assets/source.svg for there being source available for a project.
#
capjamesg
[edit] [tantek] Re: Icons and source code. I was thinking something like https://github.com/capjamesg/edit-button-extension/blob/main/assets/source.svg for there being source available for a project.
#
doesnm
app password allback solution if you don't want to make oauth
#
doesnm
*is a fallback
#
[tantek]
capjamesg, doesn't seem to render on mobile / iOS 🤔
#
[tantek]
naw, just a plain doc icon with <> inside
#
[mattl]
Isn’t that what it’s supposed to look like?
#
capjamesg
This was for the question " did we brainstorm about icons for rel=repository especially in combination with "code"?"
#
capjamesg
We spoke about having a different icon for source code, which I linked above.
#
capjamesg
We didn't discuss a repository one.
#
[mattl]
I’m curious why SVG icons in the end product and not PNG. Doesn’t SVG significantly increase the total download size for the end user?
#
capjamesg
I didn't know that?
#
capjamesg
I thought SVGs could be smaller?
#
aaronpk
depends on the content
#
[mattl]
yeah you’ll struggle with very simple icons to get them much smaller, but I would imagine way more browsers that can get to your site support PNG images.
srazkvt joined the channel
#
[mattl]
Looks like I can make the source image 4-5 times smaller as a PNG with just the defaults in the IMP.
#
[tantek]
lol I thought by its look that it was a default GitHub icon 😆
#
Loqi
capjamesg has 50 karma in this channel over the last year (197 in all channels)
#
[tantek]
I like it capjamesg++
#
[tantek]
For source code on a repo perhaps layer it with drafts underneath?
#
[mattl]
tantek: did IE5 for Mac support those default images browsers used to ship with? The X11 formatted 1-bit images.
#
[tantek]
Like same icon on top but "shadows" like 📑
#
capjamesg
Oooh that's a cool idea.
#
[mattl]
Can you do invert() on SVG stuff so that dark mode icons look good too?
#
.pi.r2.
mattl: SVG might compress very well though
#
[mattl]
I’d worry that browsers don’t support it.
#
.pi.r2.
fair enough. SVG (basic support) is reported at 96.75% on caniuse.com, and the only showstoppers appear to be old Internet Explorer.
#
[artlung]
https://lab.artlung.com/comics-a11y/ was updated with examples from [tantek] [benji] and capjamesg[d] based on conversations yesterday.
#
.pi.r2.
I guess <picture> element could let you let browsers pick whichever they support but that has worse support than SVG 😦
#
Loqi
[preview] Comics Accessibility [DRAFT IN PROGRESS]
#
[mattl]
http://caniuse.com doesn’t list a lot of browsers.
#
.pi.r2.
they show less than they know about out of the box
#
[mattl]
I wonder how they track usage
#
[mattl]
I suspect they’re only counting browsers with JavaScript and images
#
[mattl]
[artlung] This is cool, but how would you mark one up when you only have the alt text field on say… a social network?
#
[artlung]
When all you have is a string you use a string. I do think the linebreaks are possible, bu no formatting or structure.
#
[mattl]
I’ve seen stuff like “A comic strip with three panels. Panel 1. A dog is outside a house. ‘It has a police record’ can be heard coming from the house. Panel 2. A dog is outside a house. ‘Why does it have a police record?’. Panel 3. A dog is outside a house. ‘I guess he likes Sting and their music’”
#
[artlung]
And I think there's encouragement to split into multiple images with multiple alt (as in IG) for that reason.
#
[artlung]
Please feel free to add an issue with an example that's good in my GitHub repo
gRegorLove_ joined the channel
#
[mattl]
I added an audio recording of the screen reader for my example, too.
#
[artlung]
Wonderful stuff sir!
#
[artlung]
[mattl]++ I'm headed out but I'll add to the page.
#
Loqi
[mattl] has 33 karma in this channel over the last year (74 in all channels)
#
[mattl]
I even edited it down. Audio Hijack is pretty great.
ttybitnik joined the channel
#
[mattl]
what is xbm
#
Loqi
It looks like we don't have a page for "xbm" yet. Would you like to create it? (Or just say "xbm is ____", a sentence describing the term)
#
[mattl]
what is png
#
Loqi
It looks like we don't have a page for "png" yet. Would you like to create it? (Or just say "png is ____", a sentence describing the term)
#
[mattl]
what is PNG
#
Loqi
It looks like we don't have a page for "PNG" yet. Would you like to create it? (Or just say "PNG is ____", a sentence describing the term)
#
[mattl]
I can barely find a reference to this now… but early browsers supported the XBM format which is a 1-bit image format. mostly used for icons. Browsers came with a few default images.
#
[tantek]
maybe on Wikipedia?
#
[tantek]
[artlung]++ for collecting comics examples and accessibility analysis! great resource. btw to be clear, absolutely open to critique and suggestions for improvement in the markup in my example.
#
Loqi
[artlung] has 19 karma in this channel over the last year (110 in all channels)
#
[artlung]
[tantek] yes, and feel free to add comments or code in GitHub to describe your own example.
#
[tantek]
also if anyone has any screen-reader experiences with the examples they want to contribute, that would be good to hear
#
[artlung]
Code is quirky but approachable
#
[tantek]
that fits 😆
#
Loqi
[preview] [mattl] #15 Angriest Dog in the World
bugliker02 joined the channel
#
[KevinMarks]
You can edit svg down to look good but there is both a lower limit and skill problems. The https://github.com/edent/SuperTinyIcons project is a good resource
#
Loqi
[preview] [edent] SuperTinyIcons: Under 1KB each! Super Tiny Icons are miniscule SVG versions of your favourite website and app logos
#
[KevinMarks]
If you have a couple in the page the svg preamble will compress wwll
sarna, Kolev, Xander, alfarhan, barnaby, [schmarty], bugliker021, bugliker026, bret, bret_, gRegor and bread joined the channel; gRegor left the channel