@sophie@social.lol
🚀 Staff Eng
🐕 Dog botherer
🚧 Web1 enthusiast and fan of pointless websites
💜 #LGBWithTheT
Header: florian.photo
I've been on a bit of a social media hiatus, but I've written a new post about something that's been on my mind a lot lately
https://localghost.dev/blog/stop-generating-start-thinking/
localghostStop generating, start thinking - localghostInstead of wanting to learn and improve as humans, and build better software, we’ve outsourced our mistakes to an unthinking algorithm.Me, as aspiring staff eng: I want to be in the room where decisions are made
Me in the room where decisions are made: I wonder if the window is locked and how far the drop would be if I climbed out
I've given my website a bit of a refresh, using Temporal and CSS color-mix to change the background colour depending on your time of day
https://localghost.dev/blog/time-based-background-colour-transitions-with-temporal-and-css-color-mix
localghostTime-based background colour transitions with Temporal and CSS color-mix - localghostA visual refresh with a background that changes colour according to the time of day, using the new Temporal API along with CSS custom properties that blend into each other.Replying to @sophie@social.lol
i feel like at this rate in order to avoid doing some DOM crimes I'm going to have to do whatever the modern day equivalent of <!-- [IF IE]> is for Safari
Has anyone encountered gradient rendering issues with fixed backgrounds in Safari? I have no idea why this is happening, but it's only happening in Safari and it stops if I remove the background-attachment.
Edit: found the culprit: it was because the <body> has container-type: inline-size and it doesn't play nicely with the fixed background. That's a fun bug.
