Opened #ReactNext yesterday with my first-ever keynote! 🤯 The audience was amazing, the response was incredible, and the conversations afterward were even better. Huge thanks to the EventHandler team, the speakers, and everyone who joined.

The ghost of a Klein bottle. 👻 Playing with 'animation-composition' in CSS. 🔗 Live on @codepen.io: codepen.io/editor/amit_...

I built a new cat tower, so naturally I rendered it in 3D with pure CSS first. What, don't you do that too? 😄 📷 The finished build (cat included 🐱) is below 👇 🔗 Live demo on @codepen.io: codepen.io/editor/amit_...

In a world of AI feeds, recommendation engines, and infinite scroll... I just added RSS to my website. It might not be the newest technology on the internet, but it's still one of the best ways to follow content without algorithms, notifications, or platform lock-in. 🔗 amitsh.com/feed/rss.xml

So last week I built a Strandbeest, and this week's #CodePenChallenge theme is "sand"... Apparently I submitted my entry a week early, and I'd like partial credit retroactively, please. 😄 Hey @codepen.io, a little insider information next time wouldn't hurt. 😏 codepen.io/challenges/2...

🐎 Galloping Divs I've made many attempts over the years to create a smooth galloping motion, but with CSS trig functions and @property it's much simpler now. 🔗 Live demo on @codepen.io: codepen.io/editor/amit_...

👣 CSS Strandbeest This one took a while... Somewhere along the way, this stopped being a CSS experiment and became a trigonometry exercise. 😅 But if there was ever a way to find out what CSS trig functions can do, Jansen's linkage is probably it. 🔗 Live on @codepen.io: codepen.io/editor/amit_...

So @alhadis.bsky.social suggested I try creating something similar to a caustic reflection, and I figured it was a great opportunity to play around with the new border-shape property. CSS only. Each part is a div with different content. It's a pretty exciting time to be building for the web. 😀 🔗👇

Playing with light. (which means I’m mostly playing with shadows. 🙃) CSS Only. Live demo on @codepen.io: codepen.io/editor/amit_...

Over the past week, I’ve heard many people (including some whose opinions I really respect) claim that Google’s new AI mode might have killed websites. Here’s an unpopular opinion: it didn’t. I wrote about it and shared my thoughts on LinkedIn, and I’d love to hear yours.

I went through 4 job interviews this week - 2 as the interviewer, 2 as the interviewee. And the difference between the two worlds was... kind of insane. So I wrote about it. Hopefully it’ll be useful to anyone interviewing developers, or anyone struggling with the interview process themselves.

HTML-in-Canvas, Hex Maps, E-ink Optimization — oh my! All that and more in @dxnny.fun's latest What's !important, featuring: @amitsheen.bsky.social @benschwarz.bsky.social @scrwd.mastodon.social.ap.brid.gy and @wil.to css-tricks.com/whats-import...

📢 Big update… Looks like I’ll be adding a new title to my bio soon: *Keynote Speaker* 🤯 I’m honored (and honestly, pretty excited) to share that I’ve been selected to deliver the opening keynote at ReactNext 2026, the best and largest frontend conference in Israel. [1/2]

Want to turn your content into a rainy puddle? Just wrap it with a `<rain-drops>` web component... and wait for support. 😐 In the meantime, if you’re on a supported browser, you can check out the live component in the HiC showroom: hicshowroom.com/showroom.htm...

*Two* of my articles made it into the latest issue of Frontend Focus (@frontendfocus.bsky.social), which is, first of all, an honor, and second, it reminded me that I haven’t shared my article on “Building a UI Without Breakpoints” yet... (👇)

After spending quite a bit of time playing with the new and amazing HTML-in-Canvas API, I’ve pulled together all the experiments, code, and examples into one long, comprehensive article. 🔗 On @frontendmasters.com: frontendmasters.com/blog/the-web... * Best viewed in supported browsers.

This HTML-in-Canvas stuff is pretty wild. Never would I ever have guessed we'd get this on the web. @amitsheen.bsky.social shows off how it works and many different possibilities. frontendmasters.com/blog/the-web...

One of the fun things about playing with the new HTML-in-Canvas API is that it lets me revisit all sorts of cool ideas I’ve seen in the past and wished I could implement on native elements. Like this one, based on Paola Demichelis article from about a year ago. (Links 👇)

Some of you might be familiar with the “checkbox hack”, but far fewer have heard about the immense power of "The Radio State Machine". 🚀 New article on @css-tricks.com: css-tricks.com/the-radio-st... If you’ve ever enjoyed bending CSS a little beyond its “intended” use, this one’s for you 🙂

Managing two states in #CSS (a la the Checkbox Hack) is great and all, but using radio buttons for multiple states opens up a bunch more options. Oodles of examples from @amitsheen.bsky.social: css-tricks.com/the-radio-st...

I’m playing with the new HTML-in-Canvas API. It still feels a bit buggy, and some use cases come across as slightly forced, but it absolutely opens the door to new and exciting possibilities. It basically turns any native element into pixels on a canvas, so the only limit is your imagination. 😉

Built a dynamic puzzle effect in CSS using the new shape() function 🧩 Fully responsive, powered by custom properties, and works with real content. Want to build one too? 🔗 on @frontendmasters.com: frontendmasters.com/blog/creatin... Go break it, tweak it, and make something weird 😉

Let’s Get Puzzled! We can make puzzle pieces in CSS thanks to the amazing clip-path: shape(). Here, Amit takes it further by making a whole grid of them with matched edges and content inside.

Don’t need to win a CSS trophy... I can just build one myself. 😜 Pure CSS. No judges required. 🤣 Live on @codepen.io: codepen.io/editor/amit_... @syntax.fm #MarchMadCSS

Amazing!!! Maybe now people will stop asking me to do it. 🤣 Great work by Niels!!! 👏

Me, after 25 minutes of watching @miocene.io, @chriscoyier.net, @nerdy.dev, and @kevinpowell.co lose their CSS battles. Nothing about the world makes sense anymore.

Did you know you can take an icosahedron, unfold it, flatten it into a 2D shape, and then 'twist' it into a tetrahelix?! I didn’t know either. But once I discovered it, I had to make a demo, in pure #CSS of course. Live on @codepen.io: codepen.io/editor/amit_...

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

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

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

In case you missed it yesterday, here's @amitsheen.bsky.social building a computer with CSS. www.youtube.com/watch?v=PFqt...

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.

📣 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

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

📢 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. 🤣

Playing with triangles to create mesh deformation in pure #CSS. Live demo @codepen.io: 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...

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

📣 New article on @frontendmasters.com about a visual problem that bugged me for years: making a card that truly feels deep. frontendmasters.com/blog/the-dee... Would love your thoughts.

Inspired by Temani’s brilliant work, where he created a box using only `border-radius` and `corner-shape`, I built on his code, played with different angles, and came up with this dynamic demo. Live demo on @codepen.io: codepen.io/amit_sheen/f...

✨ New article ✨ Are we at the start of a new era? Chrome 140 introduced CSS Typed Arithmetic. It might seem like a minor change, but I believe it's huge as it opens the door to countless new possibilities and a whole new era of Computational CSS. What do you think? css-tricks.com/css-typed-ar...

You know how we can’t calc() numbers with mixed data types? Well, that's changing (Chrome 140) and it might be a bigger deal that @amitsheen.bsky.social describes as "self-aware” CSS. css-tricks.com/css-typed-ar...

I was inspired by another amazing animation from Jon Kantner, so I made a pure CSS version. 400 squares, using sibling-index() and sibling-count(), a bunch of trig functions, and some typed arithmetic. (Currently works in Chrome 140+ only) Live demo on @codepen.io: codepen.io/amit_sheen/f...

🚀The new CSS sibling-index() and sibling-count() functions let us create staggered animations, dynamic color palettes, and even complex circular layouts with ease. I wrote about my first experiments with these fantastic new CSS additions. So much fun! ♥️ ✨ #CSS utilitybend.com/blog/styling...

A couple of days ago I came across Jon Kantner’s excellent color palette generator, and it reminded me that a few years back I built something quite similar (great minds and all that) back when HSL was the hot new thing. (Links in comment 👇)

Big fan of the educational demos in @amitsheen.bsky.social's post here about `offset-path`. frontendmasters.com/blog/the-pat...

✨ The `-path` of Least Resistance (part 2) ✨ From shapes that define boundaries to paths that drive motion. We shift to `offset-path`, where elements no longer get clipped but flow along custom routes. 🤩 🔗 Read and share your thoughts on @frontendmasters.com: frontendmasters.com/blog/the-pat...

The `-path` of Least Resistance (Part 2) This time we're looking at offset-path (and friends), which can be used to create movement when animated and benefits from all the same fancy functions that we learned about with clip-path.