Ana Tudor's Avatar

Ana Tudor

@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/

5,554 Followers  |  68 Following  |  3,343 Posts  |  Joined: 01.06.2023
Posts Following

Posts by Ana Tudor (@anatudor.bsky.social)

Video thumbnail

#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. πŸ‘€

07.03.2026 17:28 β€” πŸ‘ 6    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

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.

Β―\_(ツ)_/Β―

07.03.2026 17:23 β€” πŸ‘ 5    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

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.

07.03.2026 11:49 β€” πŸ‘ 8    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0

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    πŸ“Œ 0
Preview
I am in an abusive relationship with the technology industry Some things I'm struggling with in the technology industry, an appreciation for folk music, and some other thoughts.

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

06.03.2026 21:19 β€” πŸ‘ 18    πŸ” 2    πŸ’¬ 3    πŸ“Œ 0
Post image

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

06.03.2026 22:27 β€” πŸ‘ 46    πŸ” 13    πŸ’¬ 1    πŸ“Œ 0

Why in Beelzebub's name would you leave your DMs open... 😭

07.03.2026 01:25 β€” πŸ‘ 2    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

Definitely not how I'll be spending the next couple of days, but enjoy the superb photo 🀍

06.03.2026 18:46 β€” πŸ‘ 4    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
Preview
You Know What? Just Don’t Split Words into Letters This is an unplanned part two for Barriers from Links with ARIA. The title reflects my exasperation because this isn’t new, I’ve simply failed to be explicit about it over the last decade or so. In…

You 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    πŸ“Œ 0
Video thumbnail

Fruit Day Friday!

06.03.2026 16:28 β€” πŸ‘ 58    πŸ” 12    πŸ’¬ 1    πŸ“Œ 1
DEATH ANGEL - "Lost" (OFFICIAL MUSIC VIDEO)
YouTube video by Nuclear Blast Records DEATH ANGEL - "Lost" (OFFICIAL MUSIC VIDEO)

Mood www.youtube.com/watch?v=GVYl...

05.03.2026 11:30 β€” πŸ‘ 2    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

if you see this, do it!

β˜† pronouns: Stop
β˜† height: Giving
β˜† zodiac: Out
β˜† smoke: Personal
β˜† tattoos: Information
β˜† piercings: In
β˜† fav colour: Online
β˜† fav drink: Chains

05.03.2026 02:26 β€” πŸ‘ 14    πŸ” 3    πŸ’¬ 0    πŸ“Œ 1
LYRIEL - Leverage (2012) // Official Music Video // AFM Records
YouTube video by AFM Records LYRIEL - Leverage (2012) // Official Music Video // AFM Records

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.

04.03.2026 17:14 β€” πŸ‘ 27    πŸ” 14    πŸ’¬ 2    πŸ“Œ 0
Betontod - FlΓΌgel aus Stahl [ Lyric Video ]
YouTube video by BETONTOD Betontod - FlΓΌgel aus Stahl [ Lyric Video ]

Because this just came in my auto-playlist www.youtube.com/watch?v=P3yE...

04.03.2026 16:19 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
Video thumbnail

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.

04.03.2026 16:09 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

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.

04.03.2026 15:48 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0
Preview
backdrop-filter: opacity() does nothing (NOT a bug) ...

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`).

04.03.2026 15:02 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0

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

04.03.2026 14:50 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0

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
KrΓΈterveg Te Helvete
YouTube video by Kvelertak - Topic KrΓΈterveg Te Helvete

If it's the last one ever...

www.youtube.com/watch?v=Phwa...

04.03.2026 13:56 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

opacity() and drop-shadow() don't actually do anything as backdrop-filter values. Not a bug.

04.03.2026 13:55 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0

cc @wesbos.com - is there anyone else I should tag to get this fixed?

04.03.2026 06:43 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
Scooped corners with jagged edges.

Scooped corners with jagged edges.

`border-radius` creates corner edges issues when that corner is masked.

`border-radius` creates corner edges issues when that corner is masked.

Zoom into the jagged scop edges.

Zoom into the jagged scop edges.

Zoom to better show the hairline corner issue.

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.

04.03.2026 06:20 β€” πŸ‘ 5    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0
Sumatran tiger.

Sumatran tiger.

Amur leopard.

Amur leopard.

Snow leopard.

Snow leopard.

Iberian lynx.

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

03.03.2026 19:11 β€” πŸ‘ 13    πŸ” 4    πŸ’¬ 0    πŸ“Œ 0

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... πŸˆπŸˆβ€β¬›πŸˆπŸˆβ€β¬›

03.03.2026 14:46 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0