Amazing! Congrats, @zachleat.com! 🎉 Now I'm just thinking about all the awesome future *possum*bilities
04.03.2026 21:47
👍 1
🔁 1
💬 1
📌 0
Amazing! Congrats, @zachleat.com! 🎉 Now I'm just thinking about all the awesome future *possum*bilities
✨ I just published a new blog post about a nifty lil’ animation technique: sprites!
Sprites are used all the time in video games, but they’re less common on the web. We do have the tools to manage it in CSS, but there’s a gotcha.
In this post, I share some of the cool use cases I’ve found:
I wrote for @zeroheight.com about the types of things automated accessibility checks can't detect when auditing and evaluating your design systems for accessibility. #a11y zeroheight.com/blog/design-...
Element-Scoped View Transitions are gonna be **SO GOOD**
There’s still some details to settle, but the main thing is there: run VTs on a subtree of the DOM, allowing parallel VTs.
And with `view-transition-scope` you can limit the scope of `view-transition-name` values, allowing VTs to be nested.
Launching a little project today! I spent the last few weeks piecing together an archive of every concert I’ve been to. I grew up in the “show up at a door and hand a guy $5” era, so this was an interesting endeavor. More shows to add soon, too!
🤘 concerts.lynnandtonic.com
I wrote about how to cajole a LLM into referencing the APG in a way that doesn’t make things worsaaaaaaaaaaaaaaaaaaa ericwbailey.website/published/he...
here‘s a website that tells a story about an ill-starred and foolhardy road trip :)
henry.codes/writing/the-...
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...
My new CSS course is now live on @frontendmasters.com! Learn the essentials, including responsive layouts, typography, animations, and more.
Save $10 on your first month: frontendmasters.com/courses/css-... (affiliate link, so it helps support me too 😊)
~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
Hey friends! Our design and eng teams at Function Health are actively hiring, including a Design Engineer with solid native app experience. We'd get to work together, which I think could be a blast.
Check out our open roles: www.functionhealth.com/careers
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...
Wild how far you can push "customizable select" with just #CSS
nerdy.dev/nice-select
I'm officially a curmudgeon. Here's a rant about the Shadcn component library and how over-complicated its radio buttons are: paulmakeswebsites.com/writing/shad...
(Inspired by this week's work frustrations lol)
#WebDev #CSS #HTML #JavaScript
My book, Accessibility For Everyone, is now free and online as a website.
accessibilityforeveryone.site
The book was first published by A Book Apart in 2017 but it holds up! It covers web accessibility for designers, developers, content folks, and really everyone who works in tech.
Friends working on design systems: What tools and practices have been successful for you when building and managing a shared component library for both web and native versions of an app?
Understanding the fundamentals of CSS layout
When devs say that CSS is hard, they're usually talking about CSS layout. What often gets omitted is that developers are assumed to understand and effectively use CSS without being taught how it works in the first place.
polypane.app/blog/underst...
Made a lil' library:
codepen.github.io/slideVars/
Automatically detects CSS custom properties on the :root/html and gives you controls for adjusting them. (But it's also as configurable as you want it to be.)
you’re right! it feels mostly awful to Go Online™, these days. the internet in a sad state, for reason after reason after reason. but there is a way to fix it; to trade the voidful howling for a quiet & joyful song.
here’s how to win the war for the soul of the internet, and build the Web We Want.
On day 15 of this year’s #HTMHellAdventCalendar, I “break” down (pun intended) an aspect of #HTML we often take for granted: Line breaks!
htmhell.dev/adventcalend...
#WebDesign #WebDev #CSS #Typography
Made a site comparing the sizes of living things :)
The great Julius Csotonyi spent 5 months painting over 60 illustrations for the site, no ai used
> neal.fun/size-of-life/
🌧️ hey yeah it’s launch day. had a blast making this website with the inimitable @likethecolour.red, a Bluesky Account & in many ways a dear friend whose outlook on life inspires me deeply :)
this is a project made with love for the web, friends, and reiselust. i'm excited to share it with you.
👀
Fit width text in 1 line of CSS
`text-grow: per-line scale;`
nerdy.dev/css-text-grow
(prototype in Canary 165+)
You want to see someone having fun on stage? Here comes @argyleink.front-end.social.ap.brid.gy nerding out on #midi and #css at the #btconf stage. Enjoy “Midi Meets CSS”. youtu.be/PMx-i0UuC5Q
CSS is so powerful now, it's amazing looking through older CSS and seeing what can be replaced with a one-liner. I'm on the hunt for snippets that used to be multiple lines of CSS that can now be done in one. Show me what you got!
✨ I just published a new post, and it’s all about one of the most mind-blowing new CSS features: subgrid.
Honestly, when I first heard about subgrid, I figured it’d be a convenient little utility. I had no idea it would solve one of the most longstanding issues I’ve had with CSS. 😮
Check it out:
Chrome 144 features a small change to #CSS overscroll-behavior: it now also works on non-scrollable scroll containers. While this change might seem trivial, it fixes an issue people have been dealing with for ages: prevent a page from scrolling while a <dialog> is open.
www.bram.us/2025/11/25/u...
