Ana Tudor
banner
anatudor.bsky.social
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/
Pinned
For anyone who missed it: I have now set up membership tiers on Ko-fi! #KofiChallenge

ko-fi.com/anatudor

Because praise doesn't keep me afloat... but you can!
Support Ana Tudor
If you like my work and you want me to be able to continue coding, please consider supporting it.
ko-fi.com
This www.humancode.us/2025/12/13/y...

Quite honestly, I think a lot of my own work sucks huge donkey dicks. I couldn't think of anything but how to make it suck less, I tried thing after thing to make it suck less... still sucks. Less than that of most people, but that's a fucking low bar to clear.
Your work can suck even when you work hard
Because you “worked hard” on something doesn’t entitle you to be free from harsh criticism of your *public* work. An observer is entitled to form their own opinion of your work *regardless* of how muc...
www.humancode.us
February 14, 2026 at 12:57 PM
So I saw this on Mastodon and fuck, I'm Charles Darwin every day, every hour, every minute, every second, every moment, every scream...

Yeah, okay, that went straight into Alice Cooper lyrics, but still... that's 100% me all the damn time.
February 14, 2026 at 10:51 AM
So it looks like there is already a bug filed... 8 years ago!

🪲 bugs.webkit.org/show_bug.cgi...

Last active 4 years ago 😭

So right about now, my problem is Safari.

I have spent an unholy amount of time lately to ensure my SVG filter produces a legible result in the selection case...

#CSS
February 14, 2026 at 8:03 AM
Hi, Bluesky 🦋 can you help me out?

If you can test in actual Safari, what does the selection background look like when selecting text?

cdpn.io/pen/debug/xb...

Is it white like I set it/ like Chrome/ Firefox? Or grey like I'm seeing in Epiphany?

If you cannot test, reposts appreciated. Thx! #CSS
February 14, 2026 at 3:30 AM
Reposted by Ana Tudor
This is to collect research for HTML input pickers such as date, time, datetime and colour. "Please send us examples of good (or bad) ones. Even if they have extra functionality that doesn't exist yet (e.g. date ranges, perhaps we can add that in)." github.com/openui/open-...
Research Issue for pickers · Issue #1371 · openui/open-ui
This is to collect research for pickers such as date, time, datetime and colour. Please send us examples of good (or bad) ones. Even if they have extra functionality that doesn't exist yet (e.g. da...
github.com
February 13, 2026 at 7:06 PM
"Invalid property value, expected type ''"

Chrome DevTools, this IS an angle!

By the way, the code works just fine. It's just that DevTools incorrectly displays that.

cc @developer.chrome.com
February 13, 2026 at 5:42 PM
The vertical misalignment of the arrows of the next/ previous @ko-fi.com gallery buttons bothers me deeply.

And it could be fixed so easily...

Add:
```
display: grid;
place-content: center;
```

Remove:
```
vertical-align: middle;
text-align: center;
```

#CSS
February 13, 2026 at 2:39 PM
I have now added another item to the shop!

Mono textured embossed + engraved text

ko-fi.com/s/875f207bd5

#CSS #SVG #filter
February 13, 2026 at 11:51 AM
Before you share your "cool" button code for AI to spread it further, maybe learn HTML basics to ensure the elements you crammed inside (which you don't need anyway, could easily ditch them & get the same result with a single pseudo) are permitted inside button

developer.mozilla.org/en-US/docs/W...
February 13, 2026 at 9:07 AM
Reposted by Ana Tudor
How would you create such a sliding glow effect on :hover? Trivial with corner-shape, but what about making it work cross-browser now?

Think about it, then check my solution on @codepen.io: codepen.io/thebabydino/...

Detailed explanation of the Maths behind (with drawings) on Ko-fi/ Patreon. #CSS
January 14, 2026 at 5:40 PM
Reposted by Ana Tudor
Nestoration hardware at the Decorah North nest. #nature
February 12, 2026 at 4:29 PM
Reposted by Ana Tudor
#cssWish `padding` and `box-decoration-break` support on `::selection`.

Generally, a way to control the `::selection` background area.

With a lot of fonts, this is outrageously tall & especially narrow. Especially if you want to use a cursive font, the letters spill right out of the `::selection`.
February 11, 2026 at 3:29 PM
I just got reminded of that rainy, yet suffocatingly hot night when I walked from Obertraubling to Regensburg.

I wouldn't dare do that here, there are bears.
February 12, 2026 at 11:10 AM
Reposted by Ana Tudor
Me: *works making accessible components at a company*

Also me: *leaves company*

Company [months later]: We are replacing the old components with this new set of completely inaccessible components. Enjoy!

Cheerio. 🙁
February 12, 2026 at 3:49 AM
Mood www.youtube.com/watch?v=sqTh...

What about your future?
It's defective
And you can shove it up your ass
Life Is A Lemon And I Want My Money Back
YouTube video by Meat Loaf - Topic
www.youtube.com
February 11, 2026 at 9:16 PM
Reposted by Ana Tudor
Thick Billed Euphonia. A ray of sunshine. #birds
February 11, 2026 at 4:32 PM
#cssWish `padding` and `box-decoration-break` support on `::selection`.

Generally, a way to control the `::selection` background area.

With a lot of fonts, this is outrageously tall & especially narrow. Especially if you want to use a cursive font, the letters spill right out of the `::selection`.
February 11, 2026 at 3:29 PM
Reposted by Ana Tudor
Cool concave rounding header component on @codepen.io: codepen.io/thebabydino/...

#CSS
January 9, 2026 at 6:56 PM
Reposted by Ana Tudor
Live demo on @codepen.io: codepen.io/thebabydino/...

Proposal by @bram.us: expose pointer position information on hovered elements github.com/w3c/csswg-dr...
May 9, 2025 at 2:22 PM
Reposted by Ana Tudor
💡 CSS Tip!

Percentage heights are always a nightmare, but what if we can solve all of the problems with one line of code?

css-tip.com/percentage-h...

It may look strange and unreadable, but it will be a lifesaver and probably your new favorite CSS trick in the future!
February 10, 2026 at 11:19 AM
Reposted by Ana Tudor
Hire me for small projects

ko-fi.com/anatudor/com...
Ana Tudor's Commissions
If you like my work and you want me to be able to continue coding, please consider supporting it.
ko-fi.com
February 4, 2026 at 4:06 PM
Thoughts?

Plain text, no duplication, selectable. The texture is code-generated.

#teaser #CSS #SVG #filter
February 10, 2026 at 6:09 PM
Reposted by Ana Tudor
The Great Grey Owl - nature is perfection.
February 10, 2026 at 4:05 PM
Reposted by Ana Tudor
Catch me if you can!
February 9, 2026 at 9:35 PM