#dev 2024-04-12
2024-04-12 UTC
scottishstoater, ttybitnik, sp1ff, [aseelsultan8_4], [0x3b0b], lockywolf, gRegorLove_, jeremycherfas, jacky, dallaslu, geoffo and [Ros] joined the channel
# starrwulfe Snarfed -> re Threads API: If I read this correctly, it looks like a separate `GET` would be needed for the conversation and the metrics (\#of likes/reposts/etc) would be needed per post if I was trying to build something to POSSE things back to my site in this case, correct?
scottishstoater, [contact898], jacky and AramZS joined the channel
claudinec_away, jacky, axi0m and gRegor joined the channel
# pomdtr Hey, glad to be here!
# pomdtr I'm trying to build an indieauth server/client library for https://val.town, and I would love to have your feedback once I have a working version for it.
# pomdtr The val town community has been experimenting with auth for a while, but indie feels like a perfect match.
# IWDiscord <pomdtr>
# IWDiscord <pomdtr>
[qubyte] and jacky joined the channel
scottishstoater, gRegor and gRegorLove_ joined the channel
# cheerabbits has there been any exploration into marking up _interactive_ posts, or... like marking up posts that are a piece of computer art (for instance using <canvas/>)?
# cheerabbits capjamesg[d] thank you! so at the moment i only have this one test post i did years ago when i had this idea but found it difficult to pull off with wordpress https://chee.party/2022/07/04/4324/ it's just a little p5 example thing i was using to test
# cheerabbits but now that i have ported it to eleventy + i have a lot more control + these kinds of one-off things are a lot easier to do, i plan on posting entries that use <canvas> and AudioContext for a (sometimes interactive) audiovisual experience, but that are still an individual post that appears in the main feed
[aciccarello] joined the channel
# cheerabbits i think it is a unique discrete type of post in the vein of a photo or video post, and it's something that can only really exist in the web. a multimedia experience post
# jacky cheerabits: I guess the header of https://aaronparecki.com/ with the clickable boxes could count?
# jacky also wow https://aaronparecki.com/grid
# capjamesg https://www.svenknebel.de/posts/ has one too!
# cheerabbits oh that's cute !
gerben joined the channel
# cheerabbits yeah i guess in the non-h-entry context there are things like this https://www.galaxykate.com/apps/Prototypes/LTrees/
# cheerabbits or like this candle thing on jenn schiffer's recent post https://livelaugh.blog/posts/threejs-orange-candle/ if it was directly inside the page and not an iframe embed
# cheerabbits [edit] or like this candle thing on jenn schiffer's recent post https://livelaugh.blog/posts/threejs-orange-candle/ if it was directly inside the page and not an iframe embed
# [snarfed] yeah interactivity isn't something we've gone deep on in the indieweb specifically, but there's obviously tons of precedent on the web in general. https://worrydream.com/ , https://neal.fun/ , https://www.explainxkcd.com/wiki/index.php/Category:Interactive_comics , tons of others
# cheerabbits yeah! at the moment i have it as a h-entry and the canvas + script are going inside the e-content, with a special text note (also in a <noscript>) to indicate it's a javascript-only experience if it ends up in, say, an atom feed
# cheerabbits i'm also thinking that for some of them (when it is not specifically interactive, but is still an individual piece of live computer art) i would add a fallback <video>, but i am not sure whether or not to add a u-video on that because the post is not exactly a video post, the video is just a backup plan
# cheerabbits yeah, the feed reader experience will simply be the link to the web-version and a note explaining this is a web browser-only experience. similar to when a feed entry is an excerpt
# cheerabbits i've been trying out with a few newsreaders to see if they'll render the content of a <noscript> tag. some do, but it's not enough of them to rely on it. so i'll include a special piece of plumbing for these kinds of posts that just renders a piece of fallback text informing the reader that they'll have to head to the page
emigre joined the channel
# cheerabbits i suppose the thing though i am wondering about is if it might be helpful to have a way to indicate that a post is a multimedia post like this. like how u-photo and u-video tell us that it is a photo or video post. maybe i should indicate in some way in addition to e-content that this is not just an article or note
[Al_Abut], scottishstoater, [tantek] and btrem joined the channel
# btrem update from a post from a week and a half ago (sorry for delay) regarding deploying a static site uploaded to netlify https://chat.indieweb.org/dev/2024-04-02/1712088100062900
# [aciccarello] So it sounds like netlify doesn't give you a way to explore what files are uploaded?
# [aciccarello] Since netlify focuses mainly on static sites, I would think they expect you to generate links to those relative paths before you upload the files
# btrem On a related topic, has anyone used Netlify's responsive image cdn feature? It provides transforms for a source image into different sizes and formats. I'm currently using an 11ty node module and producing a <picture> element. AFAICT, Netlify uses accept headers to serve avif or webp if the browser accepts them, otherwise it sends the source image.
# [aciccarello] I haven't used their image CDN but I might consider it.
# [aciccarello] I have all my photos in my git repo right now. My repo is about 2 GB now
[KevinMarks] joined the channel
# [aciccarello] No, just one size and I reduce them to 2048 px or less before uploading.
# [aciccarello] I am considering using the 11ty images plugin to generate different versions though. That would be at build time
# btrem Warning: it can really slow down the initial build time. My site takes a couple of minutes for the initial build; if I disable the plugin, it takes about 5 /seconds/. :)
# [aciccarello] I would definitely want to try setting up caching of the image builds and checking the build impact
# [aciccarello] Generating _all_ images every time would almost certainly take a long time for me.
# btrem The more I think about this (Netlify image cdn), the less I understand how it works. I can see how accept-headers can be used to determine the image format, but how does it handle image size? I think I'd have to specify the size in the special url. But at the moment I simply offer the browser four sizes, and let /it/ pick.
# [aciccarello] I wish we could just provide one image and use progressive rendering to stop downloading when the resolution is enough.
# [aciccarello] I mostly would like it for my post previews which show featured images at a smaller size
# [KevinMarks] [aciccarello] JPEG 2000 had that feature, but patents prevented it from being widely adopted.
# [aciccarello] JPEG XL was supposed to be the successor but it seems like usage has stalled https://cloudinary.com/blog/how_jpeg_xl_compares_to_other_image_codecs
# [aciccarello] avif is based on video codecs I don't think it supports progressive rendering
# [aciccarello] Chrome removed support for jpeg xl. I don't think any browser implemented support for partial downloads https://caniuse.com/jpegxl
# [aciccarello] Well this news is timely https://hackaday.com/2024/04/07/jpegli-googles-better-jpeg-and-possible-death-knell-for-webp/
# [aciccarello] Apparently Google's developed a way to more efficiently compress JPEG files after learning from JPEG XL.
[snarfed] joined the channel
gRegor joined the channel
[Joe_Crawford] joined the channel
# [Joe_Crawford] I love that this is a safe space for complaining, 30 years after the fact, about the `<IMG>` tag. I'm all for strong opinions about HTML tags, by the way.
# [Joe_Crawford] Stuffing CSS or a scripting language into a style or event handler is enough. But there's really no end to it. base64 encoded data urls for example. It's a living. 🙂
# btrem [Joe_Crawford]: I complain about html elements from 30 years ago all the time. I usually keep it to myself, but not always. Cf. the sgml discussion from a week and a half ago: https://chat.indieweb.org/dev/2024-04-02
# gRegor haha of course someone made a web component: https://github.com/vanillawc/wc-blink
# [Joe_Crawford] Yep, I'm in the right place. I still think `<nobr></nobr>` deserved proper ratification.
# [Joe_Crawford] That JavaScript implementations have vast and ornate cruft hardly needs restating but it's worthwhile nonetheless. 🙂
scottishstoater joined the channel
ttybitnik joined the channel