My courses will be going on sale for Black Friday! Details: • The sale begins Monday, November 24th and runs through December 3rd • CSS for JavaScript Developers will be 40% off (US$399 → US$239) • The Joy of React will be 42% off (US$599 → US$349) • Get ‘em both for 50% off (US$998 → US$499) ✨

Are we still doing starter packs? Put this one together because I love seeing things that lovely folks write on the internet, and I'm sure there are more people to meet and add to this list. go.bsky.app/AnM2t7r

I think `animation-composition: accumulate` is gonna see more action with `random()`, as it's like "take what you already got as a value and augment it rather than replace it". Here's a parallax thing where randomly-fixed-positioned stars are moved different amounts (with a scroll-driven animation)

I just updated my interactive blog post on CSS Grid! It now includes explanations for the `span` keyword, as well as a brief look at `grid-auto-flow`:

Wowww 💯

I made a lil' game yay This game originated from a project for @joshwcomeau.com's React course (I super recommend it - it's a great course). I'm so happy with how it turned out and I thought I'd share it with you all here yay project-wordle-eight.vercel.app

i'm looking for a new job

Made some updates to my Custom Course Platform built on Next.js: I've added several gamification features to boost retention: → Streaks → Daily learning progress tracking → Levels to earn a certificate Overall, the platform is now more engaging for students! Check it out at nextjscourse.dev

Last chance to take the State of JS survey this year! Let's get to 15k responses! survey.devographics.com/en-US/survey...

Omg I love this ❤️

Rad dithering breakdown / interactive learning experience visualrambling.space/dithering-pa...

The wild experience of trying to log into Service A on a new device. You pick OAuth Provider B, but you’re not logged in there either, so they email you a link, so you open Email Client C, but to log into Email Client C you need a login code from 2FA App D… Authentication has become an Ouroboros 😂

✨ It’s that time of year! The State of JavaScript 2025 survey is currently running. 😄 I take the survey every year. It’s a great way to keep up with all of the new features and APIs that have come to browsers in the past year. stateofjs.com/en-US

✍️ New Article: Use Cases for Field Sizing A quick look at field-sizing and where it can be used. I hope this will land in Firefox and Safari soon. The good thing? We can use it as an enhancement. 🔗 ishadeed.com/article/fiel...

Another great #CSS animation article from @joshwcomeau.com www.joshwcomeau.com/animation/li... He touches on something I always wondering about as well - performance. #frontend #webdev

😮 Two of my favourite people, talking about one of the most important topics for anyone working in web dev!

Happy Halloween! 🎃 I think Halloween is my favourite holiday. It’s just so *weird.* I passed by a Subway restaurant that had a poster like this in their window, and it just struck me what an unusual thing this is for a business to do. 😂

Finally enrolled into React course by @joshwcomeau.com and it's worth every penny. Comprehensive guide.

Springs and Bounces in Native CSS from @joshwcomeau.com www.joshwcomeau.com/animation/li...

There’s something magical about physics-based animation. When we use springs instead of Bézier curves, we tend to get way smoother motion. Up until recently, we’ve needed to use JS libraries for this, but a modern feature lets us emulate springs in native CSS. ✨ Just published a new post:

Really positive sign that open source projects are standing up to do the right thing. Kudos to the Python folks: www.theregister.com/2025/10/27/p...

Looking for recommendations for doing web dev work (React/Next) on Windows. Is it still ideal to use WSL, or should I install stuff natively on Windows? If native, what’s the best way to manage multiple Node versions?

This is so great 💯

I am in the midst of the *worst* customer support experience I have ever had, and surprisingly, it’s with Apple. I have a top-of-the-line MacBook which is less than a year old, and have spent dozens of hours over the past 3 months trying to get it repaired, with zero success.

A moth got into the shelter tonight and it was the event of the season.

There’s a new type of CSS scroll-state query coming: “scrolled”. This one remembers the last direction you scrolled into, which you can use to build “hidey bars”: when scrolling down (or having scrolled down), the hidey bar hides itself. When then scrolling back up, the hidey bar reveals itself.

I've had a few questions from folks who want to know a little more about the course before snagging a seat, and a lot of this information is buried in newsletters and blog posts—I thought a video might be a quick way of getting it all in one easily-digested place: www.youtube.com/watch?v=SXt6...

New Nanda post alert! 🏃💨

I use this on my blog / in my course! It's neat, especially when you use CSS to make them look like little keyboard keys. 😄

💡 Want seamless page-to-page animations — no JS required? The new CSS view-transition at-rule makes it possible! ✅ Works in Chrome, Edge, Safari 🦊 Coming soon to Firefox 144 💫 Perfect for progressive enhancement Get started 👇 developer.mozilla.org/en-US/blog/...

I’m back in Toronto for FITC Web Unleashed, and I friggin love this city. ❤️ I lived in Toronto for most of my 20s, so it’s really strange staying in a hotel here. 😅

For the next iteration of strich.io, my JavaScript barcode scanning library, I‘m using animated SVG icons for switching cameras, zooming and flashlight toggling. It was fun to learn how to build these by hand, with the amazing Whimsical Animations course by @joshwcomeau.com. Highly recommended!

This game is *incredible*. The demo was fun, but the full game is another level. One of the best roguelikes I’ve ever played. 😮

This looks super cute 😮

😮 Alex is one of the best people I can think of to do a show like this! Such a great idea. Excited to check this out. 😄

💡 CSS Tip! In Anchor Positioning, you can use position-area to place an element relatively to its anchor, but there are 36 different positions !? 👀 No one can memorize them all, so I've created an interactive demo where you can select a position and get its code. css-tip.com/position-area/

Having a lot of fun with @joshwcomeau.com new course "Whimsical Animations". Revamping some icons in my camera HUD. Hand-written SVG and CSS transitions, so much fun!

Looks like I'll be coming to the end of a contract shortly so will have availability for new projects from later this month Give me a shout if you're on the lookout for frontend dev or design systems work and particularly if you're looking for animations, interactions or anything a bit experimental

All of the colors are calculated based on a single CSS variable using relative oklch, so you can change the theme with just one line. --tint: green; Modern CSS is amazing! 😲

THIS WEEKEND! Join us for No Kings Day nationwide, across 50 states, in DC and Puerto Rico, and internationally! We're standing up for science and democracy, and in solidarity with fired federal workers. #standupforscience #nokingsday

View transitions are in every browser now ✨

PSA: if you’re in Georgia (the US state, not the country), there’s an important election happening now that you probably don’t know about! www.youtube.com/watch?v=UgvE...

fun with presence

The organizers of React Advanced Canada just gave me a 10% discount code to share with y’all: JOSHFRIENDS ✨ I’m really looking forward to this one 😄. It‘ll be held in Toronto next March, and the speaker lineup is 🔥🔥🔥. reactadvanced.com/canada/

🤖 Really digging this post from @erikdkennedy.bsky.social, about AI design tools and the gap between what they promise and what they deliver. www.learnui.design/blog/wheres-...

so much you can do in css using pseudo classes. used `:has` pseudo class to make the full hover animation here. for hover state im doing `:has(*:is(.sidebar-icon-trigger:hover` made only using css. no js listener used. took me longer than i thought it would.

Huh, TIL there’s an <output> element, and it can be used to display the result of user inputs in a screen-reader-friendly way! I can think of a bunch of places I should be using this 😄 denodell.com/blog/html-be...

So much good stuff in here! I’m excited to see what the areas of potential focus are 😄

Early feedback for Whimsical Animations has been super positive so far. ❤️ Excited to get the rest of the course done!

I was typing just now, and a dialog popped up from the macOS Calendar app. By the time I noticed it, I had already pressed some key that confirmed/dismissed this dialog. I have no clue what I just accepted/ignored. Hopefully it wasn’t important. 😬