#Caturday cuteness.
07.03.2026 20:29 β π 53 π 4 π¬ 0 π 0@anatudor.bsky.social
Same me, another platform. Authentic Transylvanian vampire. I code stuff. Usually involves some Maths. I enjoy music mandatory religion classes warned me about. And other things that may kill me. Replies usually restricted. https://thebabydino.github.io/
#Caturday cuteness.
07.03.2026 20:29 β π 53 π 4 π¬ 0 π 0
Also, know when you're staring at something for way too long trying to figure out how could anyone fuck that up?
Then you eventually catch it was AI generated. Oh. Guess nobody checked the output. π
You're way overestimating me.
Post brought to you by yet another instance of being summoned to answer questions about areas of coding I've never touched.
Β―\_(γ)_/Β―
Not even learn. Just give it a damn try... π
07.03.2026 11:51 β π 5 π 0 π¬ 0 π 0
I want my fast... um, okay, faster CodePen back π
CodePen has already been slow for a while , but the 2.0 Pens take forever to load. On top of having turned into exactly what I was trying to avoid by using CodePen instead of an actual editor.
These days it's also AI. Suggestions favour flexbox even when grid is a much simpler solution. Likely happens due to flexbox being around for longer/ just more resources being out there. Not unique to layout., there are other cases where the older, less ideal, but better documented way is favoured.
07.03.2026 11:43 β π 2 π 0 π¬ 0 π 0I wrote about some things I'm struggling with in the technology industry, preceded by an appreciation for folk music.
06.03.2026 15:37 β π 168 π 45 π¬ 18 π 14
Y'all probably already knew this, but I just put it together that SVGs don't have a hidden property in JS.
```js
myDiv.hidden = true // works, hides it
mySVG.hidden = true // no worky, does nothing
```
Excuse me while I refactor a bunch of code....
The sweetest bobcat snuggle we ever did see! π₯°
Rescued bobcats, Tanner and Tahoma, are showing that even wild cats have a soft side. Bobcats may be known for their stealth and independence, but moments like this remind us they also share strong bonds. πΎ
πΈ: Keeper Carly
Why in Beelzebub's name would you leave your DMs open... π
07.03.2026 01:25 β π 2 π 0 π¬ 0 π 0Definitely not how I'll be spending the next couple of days, but enjoy the superb photo π€
06.03.2026 18:46 β π 4 π 0 π¬ 0 π 0You Know What? Just Donβt Split Words into Letters: "If you need to split words into their constituent letters to adjust kerning, apply gradients, animate them, or whatever, find another method, because screen readers will present the words letter by letter." #a11y adrianroselli.com/2026/02/you-...
06.03.2026 18:03 β π 6 π 4 π¬ 0 π 0Fruit Day Friday!
06.03.2026 16:28 β π 58 π 12 π¬ 1 π 1
if you see this, do it!
β pronouns: Stop
β height: Giving
β zodiac: Out
β smoke: Personal
β tattoos: Information
β piercings: In
β fav colour: Online
β fav drink: Chains
Songs are about what you want them to be www.youtube.com/watch?v=vFiN...
04.03.2026 18:07 β π 0 π 0 π¬ 0 π 0
You may not need that βAIβ voice thing that reads your web pages aloud to users. It comes free in the browser:
β’ Edgeβs Read Aloud (Ctrl + Shift + U),
β’ Firefoxβs and Chromeβs reader mode text-to-speech,
β’ Safariβs Speech feature.
Stop adding trackers to your sites. Donβt add WCAG risk.
Because this just came in my auto-playlist www.youtube.com/watch?v=P3yE...
04.03.2026 16:19 β π 1 π 0 π¬ 0 π 0
What this demo was trying to show is that backdrop-filter opacity() doesn't do anything on its own in any browser. Easily testable in Firefox with the DevTools picker.
The fact that it has no effect on its own is *not* a bug/ due to lack of support. That's exactly what *should* happen.
Applying backdrop-filter on the div does nothing because one, there's no backdrop behind it and two, the div is opaque. The element/ pseudo that gets the backdrop-filter needs to have either no background (as it is the case here to avoid confusion about opacity() effect) or a semi-transparent one.
04.03.2026 15:51 β π 0 π 0 π¬ 1 π 0
The div is the backdrop. The pseudo is the rectangle on top, on which we set the backdrop-filter property. Which affects the backdrop area underneath the pseudo.
The stacking order doesn't matter as long as whichever is on top gets mix-blend-mode: difference.
Test for `backdrop-filter: opacity()` codepen.io/thebabydino/...
If the 3rd rectangle is completely black, then the result of applying `backdrop-filter: opacity(.5)` is identical to no `backdrop-filter` at all since that last rectangle is the difference between them (`mix-blend-mode: difference`).
opacity + drop-shadow = you see the shadow between the semi-transparent layer resulting from opacity and the fully opaque one behind.
(I was also really bummed to learn that's how backdrop-filter: opacity() works.)
With backdrop-filter, the result of the filter is painted *on top* of the unfiltered opaque backdrop version (so opacity has no effect). The filter result also gets clipped to the element that has backdrop (so you cannot see a drop-shadow outside of it).
04.03.2026 14:48 β π 1 π 0 π¬ 1 π 0
If it's the last one ever...
www.youtube.com/watch?v=Phwa...
opacity() and drop-shadow() don't actually do anything as backdrop-filter values. Not a bug.
04.03.2026 13:55 β π 1 π 0 π¬ 1 π 0cc @wesbos.com - is there anyone else I should tag to get this fixed?
04.03.2026 06:43 β π 1 π 0 π¬ 0 π 0Scooped corners with jagged edges.
`border-radius` creates corner edges issues when that corner is masked.
Zoom into the jagged scop edges.
Zoom to better show the hairline corner issue.
So I saw someone link to madcss.com and the first thing I noticed was the jagged scoop edges - see frontendmasters.com/blog/obsessi...
And the hairline corner issue (solved by simply removing the `border-radius` declarations that aren't needed anyway). And the choppy nav animation.
Sumatran tiger.
Amur leopard.
Snow leopard.
Iberian lynx.
Today is World Wildlife Day.
So here are four wild cats I'd like to hope we won't see extinct during our lifetimes.
#cat #WorldWildlifeDay
I think right now I'm witnessing the "other cats will all commence congregating on the fence" part of that song...
... one, two, three, four... ππββ¬ππββ¬