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/
Replies usually restricted.
https://thebabydino.github.io/
Pinned
Ana Tudor
@anatudor.bsky.social
· Dec 31
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
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!
ko-fi.com/anatudor
Because praise doesn't keep me afloat... but you can!
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.
I wouldn't dare do that here, there are bears.
February 12, 2026 at 11:10 AM
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.
I wouldn't dare do that here, there are bears.
Reposted by Ana Tudor
Need some help with a bug!
Is anyone facing the output below when hovering the text in this demo: codepen.io/t_afif/pen/Z... ?
I am experiencing this bug in Win 11 but not in Ubuntu. If more people can face the same issue, it may help the Chrome team identify its origin.
Is anyone facing the output below when hovering the text in this demo: codepen.io/t_afif/pen/Z... ?
I am experiencing this bug in Win 11 but not in Ubuntu. If more people can face the same issue, it may help the Chrome team identify its origin.
February 12, 2026 at 8:57 AM
Need some help with a bug!
Is anyone facing the output below when hovering the text in this demo: codepen.io/t_afif/pen/Z... ?
I am experiencing this bug in Win 11 but not in Ubuntu. If more people can face the same issue, it may help the Chrome team identify its origin.
Is anyone facing the output below when hovering the text in this demo: codepen.io/t_afif/pen/Z... ?
I am experiencing this bug in Win 11 but not in Ubuntu. If more people can face the same issue, it may help the Chrome team identify its origin.
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. 🙁
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
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. 🙁
Also me: *leaves company*
Company [months later]: We are replacing the old components with this new set of completely inaccessible components. Enjoy!
Cheerio. 🙁
Mood www.youtube.com/watch?v=sqTh...
What about your future?
It's defective
And you can shove it up your ass
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
Mood www.youtube.com/watch?v=sqTh...
What about your future?
It's defective
And you can shove it up your ass
What about your future?
It's defective
And you can shove it up your ass
Remember this? The gold selection background - I extended its area using an SVG filter on the selection parent. And extracting just the (maybe overlapping when there are multiple lines) selection background (but not the element's background or text) from the filter input is an adventure on its own.
February 11, 2026 at 4:23 PM
Remember this? The gold selection background - I extended its area using an SVG filter on the selection parent. And extracting just the (maybe overlapping when there are multiple lines) selection background (but not the element's background or text) from the filter input is an adventure on its own.
If the `::selection` background is so tall that it overlaps the previous line at a not low at all `line-height` just so it catches all ascenders and descenders, can't it be wide enough too?
February 11, 2026 at 3:32 PM
If the `::selection` background is so tall that it overlaps the previous line at a not low at all `line-height` just so it catches all ascenders and descenders, can't it be wide enough too?
#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`.
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
#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`.
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`.
Reposted by Ana Tudor
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...
Proposal by @bram.us: expose pointer position information on hovered elements github.com/w3c/csswg-dr...
May 9, 2025 at 2:22 PM
Live demo on @codepen.io: codepen.io/thebabydino/...
Proposal by @bram.us: expose pointer position information on hovered elements github.com/w3c/csswg-dr...
Proposal by @bram.us: expose pointer position information on hovered elements github.com/w3c/csswg-dr...
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!
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
💡 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!
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!
Reposted by Ana Tudor
Other texture options codepen.io/thebabydino/...
February 11, 2026 at 3:08 AM
Other texture options codepen.io/thebabydino/...
Variation. Many palette variations possible.
February 10, 2026 at 6:21 PM
Variation. Many palette variations possible.
Reposted by Ana Tudor
The Great Grey Owl - nature is perfection.
February 10, 2026 at 4:05 PM
The Great Grey Owl - nature is perfection.
Reposted by Ana Tudor
Reposted by Ana Tudor
A 🆒 no JS, no text duplication, no shadows #3D text effect I made on @codepen.io for the week's #CodePenChallenge codepen.io/thebabydino/...
Just a bit of #SVG #filter magic!🪄
#Pug code generating the SVG filter is ~1KB and the CSS is half of that (20 declarations including prettifying and layout)
Just a bit of #SVG #filter magic!🪄
#Pug code generating the SVG filter is ~1KB and the CSS is half of that (20 declarations including prettifying and layout)
November 5, 2024 at 10:12 AM
A 🆒 no JS, no text duplication, no shadows #3D text effect I made on @codepen.io for the week's #CodePenChallenge codepen.io/thebabydino/...
Just a bit of #SVG #filter magic!🪄
#Pug code generating the SVG filter is ~1KB and the CSS is half of that (20 declarations including prettifying and layout)
Just a bit of #SVG #filter magic!🪄
#Pug code generating the SVG filter is ~1KB and the CSS is half of that (20 declarations including prettifying and layout)
Reposted by Ana Tudor
Just in case anyone is wondering how to do this in a better, cross-browser, responsive way... here is a demo on @codepen.io: codepen.io/thebabydino/...
I've added an #SVG #filter enhacement for a torn edge look, but the rest is just one `p` element. With `:first-letter` for the drop-cap.
#CSS
I've added an #SVG #filter enhacement for a torn edge look, but the rest is just one `p` element. With `:first-letter` for the drop-cap.
#CSS
May 10, 2025 at 3:11 PM
Just in case anyone is wondering how to do this in a better, cross-browser, responsive way... here is a demo on @codepen.io: codepen.io/thebabydino/...
I've added an #SVG #filter enhacement for a torn edge look, but the rest is just one `p` element. With `:first-letter` for the drop-cap.
#CSS
I've added an #SVG #filter enhacement for a torn edge look, but the rest is just one `p` element. With `:first-letter` for the drop-cap.
#CSS
Reposted by Ana Tudor
I've recently made a little animated #3D thing with minimal #CSS and it got featured on @codepen.io: codepen.io/thebabydino/...
January 28, 2026 at 2:48 PM
I've recently made a little animated #3D thing with minimal #CSS and it got featured on @codepen.io: codepen.io/thebabydino/...
Cards with concave rounding on irregular grid codepen.io/thebabydino/...
All is responsive. Real transparency for the gaps between cards and buttons. No sharp corners, all rounded. Card shapes adapt to changes in button size and shape - try changing just the font-size of the button elements! #CSS
All is responsive. Real transparency for the gaps between cards and buttons. No sharp corners, all rounded. Card shapes adapt to changes in button size and shape - try changing just the font-size of the button elements! #CSS
February 9, 2026 at 10:13 AM
Cards with concave rounding on irregular grid codepen.io/thebabydino/...
All is responsive. Real transparency for the gaps between cards and buttons. No sharp corners, all rounded. Card shapes adapt to changes in button size and shape - try changing just the font-size of the button elements! #CSS
All is responsive. Real transparency for the gaps between cards and buttons. No sharp corners, all rounded. Card shapes adapt to changes in button size and shape - try changing just the font-size of the button elements! #CSS
Love the cats, but please don't call them Cheetos. 😭
They're adorable, not disgusting processed garbage.
They're adorable, not disgusting processed garbage.
February 9, 2026 at 8:18 AM
Love the cats, but please don't call them Cheetos. 😭
They're adorable, not disgusting processed garbage.
They're adorable, not disgusting processed garbage.
I never have any idea how much booze goes into my cakes. Pour some Cointreau in, drink some...
I also have no idea if they're any good or if everyone is just too... happy 🥴 to even care.
I also have no idea if they're any good or if everyone is just too... happy 🥴 to even care.
February 7, 2026 at 4:47 PM
I never have any idea how much booze goes into my cakes. Pour some Cointreau in, drink some...
I also have no idea if they're any good or if everyone is just too... happy 🥴 to even care.
I also have no idea if they're any good or if everyone is just too... happy 🥴 to even care.
TutorialPedia dot org has come up in my searches often lately. It's AI-generated garbage with code examples that *don't even work*.
DuckDuckGo have a Share feedback about this site option. Where I wrote exactly that - AI-generated garbage with code examples that *don't even work*.
DuckDuckGo have a Share feedback about this site option. Where I wrote exactly that - AI-generated garbage with code examples that *don't even work*.
February 7, 2026 at 1:20 PM
TutorialPedia dot org has come up in my searches often lately. It's AI-generated garbage with code examples that *don't even work*.
DuckDuckGo have a Share feedback about this site option. Where I wrote exactly that - AI-generated garbage with code examples that *don't even work*.
DuckDuckGo have a Share feedback about this site option. Where I wrote exactly that - AI-generated garbage with code examples that *don't even work*.