Amit Sheen

And seriously, if you don’t share this feeling, if you manage to work only with developers who love CSS and are willing to learn - I envy you.

But... Yes, in most companies, there are some devs who care and do know CSS, so I suggested a method to bring order to the mess. without trying to educate, without changing paradigms, without complicating.
It’s not for everyone, like anything else. But still - most projects today use z-index.

Again, in most companies, certainly start-ups, and in all the ones I’ve worked at, most of the code is written by FS devs that don’t read CSS-Tricks. They should. Wish they did. In an ideal world, there wouldn’t be a need for z-index, maybe, but people do use it, and it can by a source of chaos.

Teach?! Who said anything about teaching?
You’re still trying to teach FS devs CSS? Do you know any devs actually willing to learn something that isn’t JS or AI? I envy you. You live in a very different world.

Again, I agree. “Using better techniques than fighting someone else's value” is exactly the goal here.

But in many teams, most FS devs can’t even define what the top-layer is. Eliminating z-index isn’t very realistic in that environment.

Bringing some structure to it, is still a big improvement.

I get the intention, and agree that a good understanding of stacking contexts and using the top layer where appropriate can eliminate a lot of unnecessary z-index usage.

That said, avoiding z-index entirely isn’t very realistic... 🙁

So the goal is making it predictable, not pretending it’s gone.

The Value of z-index | CSS-Tricks How we look at the stacking order of our projects, how we choose z-index values, and more importantly, the implications of those choices.

New article! 🚀

Struggling with z-index for modals, tooltips, or toasts? Stop racing for the highest number. I wrote a full guide and made a tiny library to keep it tidy.

Read it on @css-tricks.com: css-tricks.com/the-value-of...

The Value of z-index | CSS-Tricks How we look at the stacking order of our projects, how we choose z-index values, and more importantly, the implications of those choices.

Aren't z-index values one of those things we all sorta struggle with? How we choose them, how we manage them, how we balance the stacking contexts, etc.

@amitsheen.bsky.social has a great way to approach it... all around tokens for intentional intentional layers.

css-tricks.com/the-value-of...

Think you’re looking down a long corridor?!... Think again.

An optical illusion in pure #CSS. 😵
Inspired by the amazing work of @akiyoshikitaoka.bsky.social

Live demo on @codepen.io: codepen.io/editor/amit_...

We all need more *frontend-* horse. 😃

Thanks!
But I think the logo we ended up choosing was better. 😀

Building a Computer with CSS - Amit Sheen - CSS Day 2025 YouTube video by Web Conferences Amsterdam

I’m excited to share that my session from CSS Day is now live on YouTube 🎥

Ever wondered what a CPU is actually built of? And if it's possible to build one using only #CSS? If so, I think you’ll enjoy it. 👍

Would love to hear your thoughts! 😀

🔗 www.youtube.com/watch?v=PFqt...

Building a Computer with CSS - Amit Sheen - CSS Day 2025 YouTube video by Web Conferences Amsterdam

In case you missed it yesterday, here's @amitsheen.bsky.social building a computer with CSS.

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

This is awesome!
I didn’t know about this, and someone else sent it to me yesterday as well. It’s amazing how similar it looks.

The difference here is that I’m not using any special hardware, just a regular old webcam. And no laptop, it’s running directly in the TV’s browser.

Thanks.

Not my phone, my eyes. it finds the center point between your eyes (in a full 3d space) and sets the perspective origin accordingly.
In the video I'm just holding the phone near my face.

I’m trying to turn my TV into a full-on 3D portal. This is phase one, what do you think? 😎

No, it is not AI. Yes, it’s all done with #CSS perspective.

three men standing next to each other with the words you keep using that word ALT: three men standing next to each other with the words you keep using that word

📣 New Article:
📣 Rethinking “Pixel Perfect”

a hard look at the “Pixel Perfect” legacy concept, explaining why it’s failing us and redefining what “perfection” actually looks like in a multi-device, fluid world.

🔗 www.smashingmagazine.com/2026/01/reth...

@smashingmagazine.com

Would be honored to be considered, if the rest of the roster is up for a challenge 😜.
Expect weird CSS, questionable life choices, and at least one unnecessary pseudo-element.

Oh yes!
I’m going to use this so much!!!

Beyond the Mouse: Animating with Mobile Accelerometers Mousing over an element and watching it tilt in 3D space is a beautiful and compelling effect. Let's bring it to mobile and use the phone itself rather than a cursor.

📢 New article!
Beyond the Mouse: Animating with Mobile Accelerometers

If you want to make mobile interfaces feel more alive, I would love for you to take a look.

🔗 frontendmasters.com/blog/beyond-...

* For the full experience, I highly recommend reading it on a mobile device.
@frontendmasters.com

Kicking off 2026 with WebXR experiments! 🚀 🏀

btw, a year ago I was playing with 2D hand tracking via the webcam and projecting it into 3D using CSS. Now I am waiting for a more solid implementation of the WebXR DOM Overlays Module so I can start layering some CSS on top of it too. 🤣

This is amazing!
had not seen it, great work.

I actually tried to avoid using trigonometry and 3d matrices on my end, to keep the whole thing more approachable, and so that I can use this on more complex shapes later.

Playing with triangles to create mesh deformation in pure #CSS.

Live demo @codepen.io: codepen.io/amit_sheen/f...

Nice!
I love animation experiments that react to the mouse position.
Here’s something I made a few months ago that I really like.

codepen.io/amit_sheen/f...

Turn any profile picture into a stunning piece of art.

Upload your image, adjust the slider, and download your new picture.
Enjoy. 😃

🔗 Live on @codepen.io: codepen.io/amit_sheen/f...

Not sure about "swear by", but I use a simple crop DSLR (Canon D850) with a fixed 24mm 2.8 lens. Using a single LED projector for lighting (it's pointing backwards towards the wall so I get a nice soft reflection), and a blue flood-light on the back wall. Not fancy, but I'm happy with the result. 😎

What now?!

I saw a few folks posting their FizzBuzz solutions, so I figured I’d make my own pure #CSS version. (No markup)

🔗 Live demo on @codepen.io: codepen.io/amit_sheen/f...

I’m actually working on a mobile solution right now. I have a really interesting direction that looks promising. As soon as I have a stable enough example, I’ll share it here.

Use it! And share the result.
If you need help with the implementation, I’m here. :)