#dev 2025-07-18
2025-07-18 UTC
grufwub and cow_2001 joined the channel
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
#
[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
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

gRegor and gRegorLove_ joined the channel
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)

#
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.

srazkvt joined the channel

#
.pi.r2. mattl: SVG might compress very well though
#
.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 😦
#
[mattl] http://caniuse.com doesn’t list a lot of browsers.

#
.pi.r2. they show less than they know about out of the box
#
.pi.r2. https://caniuse.com/ciu/browserset to include more
#
[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’”

gRegorLove_ joined the channel
ttybitnik joined the channel
#
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)

#
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)

#
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 included a screen reader example with https://github.com/artlung/lab.artlung.com/issues/15

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

#
[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