Ana Tudor
@anatudor.bsky.social
Same me, another platform. Authentic Transylvanian vampire. I sometimes code stuff. May involve some Maths. I enjoy music mandatory religion classes warned me about. And other things that may kill me. Interaction mostly restricted. anatudor.codeberg.page
I wrote this after travelling by train (after a long time of not really travelling anywhere): Progressive Enhancement inside of JavaScript remysharp.com/2026/08/05/p... Nothing new, just nice to see it up close.
Progressive Enhancement inside of JavaScript
Lately I've had the opportunity to travel by train and coach, during which time I also tend to work. It's really only during these periods that I'm reminded of…
remysharp.com
The "if it ain't broke..." - Vienna luggage lockers edition. Before, you'd find an open locker the size you needed, put your stuff in, close the door, drop 2€ (for the smallest size, but even that was big enough to store a dead body inside) in the coin hole and a card with a bar code would come out
Our cute little cub friend 806 Jr. practices snorkeling for fish!
Proud of this little trick. If you've started using CSS gap decorations, you might know you can inset the lines by some amount. Well, if you also use a CSS size container, you can inset the lines by, say, calc(50cqi - 2px) to get a 4px wide line! ➡️ patrickbrosset.com/lab/containe...
Does anyone get this constantly on @codepen.io? I mean when not even touching the code, just hovering something in the result panel to test it does what it should on `:hover`. There is no infinite loop or "other performance drains", it's just a handful of cards that scale up & rotate on `:hover`.
📝 New CSS Article! You know the <img> element, right? It's one of the most-used elements, and yet it hides a secret. 🤫 What kind of secret? Read my latest article to know about it (You will be surprised!) master.dev/blog/somethi...
Something Nobody Told You About The Image Element (It Can Overflow!)
You normally don't think of images as overflowing themselves, nor can you put anything else inside to make it overflow, but actually...
master.dev
(I don't get people who never get doubts and never double check, never look up things)
New question is live! What CSS property do you always have to look up the syntax for? asked-100-devs.netlify.app
This concert trip in numbers: - a little under 72 hours - 2 concerts, 2 bands, 2 different countries/ cities (well, 3 if you count the 3 hours in the Cluj airport parking for the bus change) - 1 night train, 3 night buses - other than transport & show tickets, only money spent was on 2 ice creams
I mean, I know why they do it but I don't understand or share it. And it makes no sense. Trying to avoid a small group, it provides a worse experience for everyone.
Things I hate: aircon. I've been just falling asleep during the day (as in being woken up by the thud of things you drop after failing to stay awake) because night trains and buses are kept so cold it's been impossible to sleep. So cold and so fucking dry it's like I have concrete inside my nose.
Sleeping beauties (and check out the size of those paws!) Not the best photos, but they're mine. Have a roaring #WorldTigerDay! These are Sumatran tigers. The smallest of all tigers and critically endangered.
A little something I've been toying with ❇️ ko-fi.com/post/Content... ❇️ www.patreon.com/anatudor/pos... #CSS
Content filtering?
Ana Tudor published a supporter-only post on Ko-fi!
ko-fi.com
💡 CSS Tip! After corner-shape, shape(), and border-shape, another feature is available to play with: rounding polygons. css-tip.com/rounded-shap... You create a polygon, add a radius value at the beginning, and you have a shape with rounded corners!
Stupid question: am I hallucinating, or was there somewhere on @css-tricks.com where you could see all previous designs? I'm trying to explain smth and I know there was an older design that perfectly illustrates it, but I don't remember which (which version, from when). I'd know it if I saw it. Thx!
What is this dark magic? 🪄 It's pure #CSS horizontal slide on vertical scroll mix! With CSS scroll-driven animations + `position: sticky`! 😼 Check out the demo on @codepen.io: ✨ codepen.io/thebabydino/... Enjoy! #scroll #scrollAnimation (posted this before, but Bluesky didn't have video then)
Stupid #a11y question. What's best to use for each release of a discography page? Each release elem contains the cover art, name, release date & type (studio, live, etc.). Should this elem be a `figure` with the text info in the `figcaption`? An `article` with the name being a heading? A `li`?
Nobody wants to install your stupid app. Have a functional website instead.
Made ricciarelli. Was not on the list of things I really wanted to do, was not something I wanted to eat right now... just ingredients I wanted to be done with so they wouldn't take up space. So I gave them around... and got told this batch is the best I've made so far... ¯\_(ツ)_/¯
Success, but nothing to indicate that, so it all looks like it quietly failed, so you try again and again and again... Please don't waste your users' time like this. 😐
I made an accessibility error in one of my recent videos, and I want you to learn from my mistake: (sorry, yet another YT link - bsky video uploads are still broken) www.youtube.com/shorts/hPrZi...
Fixing my accessibility mistake
YouTube video by Firefox for Web Developers
youtube.com
Cinematic/ ambient video glow effect matching playing video - no JS, no extra elements other than the `video`. No banding for the fading glow, working well in both light and dark mode. ❇️ ko-fi.com/post/Ambient... ❇️ www.patreon.com/anatudor/pos... #SVG #filter
Ambient video glow matching video
Ana Tudor added a post for monthly subscribers!
ko-fi.com
Cinematic/ ambient video glow effect matching playing video - no JS, no extra elements other than the `video`. No banding for the fading glow, working well in both light and dark mode. ❇️ ko-fi.com/post/Ambient... ❇️ www.patreon.com/anatudor/pos... #SVG #filter
Ambient video glow matching video
Ana Tudor added a post for monthly subscribers!
ko-fi.com
One mindlessly copy-pasted line is enough. Long story short, I was looking for how to automate something, asked AI, it generated some 200 lines of code... wow, hold on... Still, I thought "well, I think I get the idea now", so I wrote my code from scratch. I copy-pasted **one** line, the one...