Discussions

Dear developers, Please respect the reduced-motion preferences of your users. I'm tired of your websites making me nauseous. Motion is fun until it makes your users sick. Here you go: developer.mozilla.org/en-US/docs/W...

The second edition of Designing Data-Intensive Applications, by myself and @chris.blue, is finished and sent off to the printers! Ebooks should be available in the next week, and print books in 3–4 weeks. Sigh of relief. 😅 (BTW, this is a good opportunity to support your favourite local bookshop!)

I miss the music app that was centered on _my music_ Playlists, Artists, Albums, Songs, these were the primary axis of navigation — the Nouns of the system. Now I get Discover, Radio, New, all _their stuff_ while my stuff is tucked away under “Library”

Look at all those 💯s 😍

📘 Advanced React — deep dives into how React actually works, from state updates to the pain of re-renders to reconciliation shenanigans. www.advanced-react.com

📕 Web Performance Fundamentals - measuring and improving Core Web Vitals, diving deep into React rendering techniques and understanding what Suspense and Server Components actually are doing. www.getwebperf.com

It has taken 10 years of being on the @heypresents.com stage as MC to secure a slot to actually give a talk. So, you know... I better not screw it up. Tickets for this final edition are going. Get yours.

but I've got so many! 😭

@kevinpowell.co never disappoints. In this video, he presents multiple modern alternatives to CSS snippets that you write over and over again. I learned a few things maybe you will pick something up too. youtu.be/dQ8_F4LPCs8 #css

this breaks social contract and feels like a betrayal because the whole point of a diagram is to provide clarity where text fails, and to emphasize just the right bits needed for the intuition whereas these “diagrams” are often self-contradictory or misleading in a way that’s worse than the text

The narrative that #CSS was initially designed to be static, and only later became responsive to things like media, supports, container queries, and now if()… is maybe how things turned out? But MQs were part of the original proposal – including document age queries & user "relevance" queries.

In graph theory, there are algorithms that find the shortest path between two nodes. I made one with pure CSS (including the graph drawing). Drag the nodes, and the shortest path will update in real-time! css-tip.com/graph-theory/ A fun demo powered by all the modern & cool CSS features 🤩

Hey Bluesky friends, What UI patterns do you find the most complex or challenging to build or implement accessibly?

object-fit: cover;

Very much looking forward to the workshop I'll be giving at Smashing. It's all about practical ways you can use modern CSS, with a focus on well supported features you can use today and a sprinkle of newer stuff because it's just too good to not talk about 😅

It's good npmx.dev shows git and https dependencies. I still think it's crazy npmjs.org doesn't.

"I don't use semicolons and now autocomplete is bad because my code is syntactically a totally different thing until I finish writing an entire line of code" Yeah, maybe put the semicolons back in?

Hello to my Design System friends who use Storybook: What's the best way to display CSS variable design tokens in Storybook? I've found this plugin, but don't know if it's really needed? How do you do it? Or why do you not bother? storybook.js.org/addons/story...

#Interop2026 is here! Lots of new CSS coming your way: - style queries - anchor positioning improvements (already crossbrowser) - advanced attr() - popover & dialog improvements like lightdismiss - scroll-driven animations - better scroll-snap capabilities wpt.fyi/interop-2026

This is such a stacked lineup of great features.

The quest to 1 million has been going slowly the past 2 years, but it looks like it'll finally happen!

a glow up for the input, now with contextual color pools rad work @trysound.io 🤘🏻

I gave the keys to The Index to @scott.is for today's issue. He's done a bloody good job!

One thing that I wanted to do with the redesign of my site is to have fun with modern CSS, so this week I added a sticky nav that slides in after you scroll a bit. I tried two methods (scroll-state and view-timeline) and damn, scroll-state is amazing 😅 And yup, I recorded myself implementing it.

~7 years ago I started curating a list of Design Tokens resources on GitHub… today I launch something better. An updated, tagged collection of 292+ articles on design tokens. www.alwaystwisted.com/projects/dtm... more links/resources coming soon. 🙏🖤 #DesignTokens #DesignSystems #WebDev

By the way, TypeScript is finally strict by default 🎉

corner-shape is one of those things where when you first see it, it's like "oh cool, I can make a scoop!" It's something new, which is fun, but it can be hard to think of good use cases. But, as @cassidoo.co looks at here, it's going to open up a lot of possibilities 🙂 cassidoo.co/post/css-cor...

border-shape can handle both insets and outsets, so you can do effects like this chevron nav (corner-shape can't do both). This means you get a perfectly-wrapping focus ring without needing to manage z-index or having it partially covered due to overlap. Demo: codepen.io/una/pen/ByzY...

Been using @skyreader.app for a few weeks now and it's been excellent! This is exciting news.

Modern CSS capabilities.