The Component Gallery | An up-to-date repository of interface components based on examples from the world of design systems, designed to be a reference for anyone building user interfaces. | component.gallery
Mr. @davatron5000.bsky.social and I on @whiskey.fm for St. Pats day.
whiskey.fm/flogging-mar...
I DRINK, and I KNOW HOW TO ROUND RECTANGLES. [in my best Tyrion Lannister voice]
Enjoyed it very much, well played @tolin.ski. Please do it again next year!
Congrats @joshwcomeau.com !!
A full disc image of Earth, as seen from the Orion Crew Module. The planet is a pale blue, swirling with white clouds and glowing slightly lighter blue in place from reflected light. At lower left, a large brown landmass is Africa, with Spain and Portugal with twinkling lights where the planet curves. At top right, auroras glow in a thin green glow, just barely separated from the planet's surface. Earth is set against the black of space (pic: NASA/R.Wiseman)
More context on this #Artemis II image:
* This is the night side, lit by moonlight. You can see city lights in Spain & Portugal, & a sliver of day at lower right
* The Sun is entirely behind Earth, which makes it a kind of solar eclipse, but w/ Earth doing the eclipsing instead of the Moon:
☀️🌍🚀🌕
Our home planet, the only place in the galaxy that doesn’t suck
The last time human eyes were far enough from Earth to see the whole globe was December 1972.
www.nasa.gov/image-detail...
✨ I just published a new blog post!
It’s a deep dive into a subtle UI detail from my blog. I suspect most people don’t even notice it, but I regularly hear from the folks who *do* notice it and want to know how on earth I’m doing it.
Feels a bit like I’m a magician revealing their trick. 😂
Who will be crowned the inaugural March MadCSS Champion?
@joshwcomeau.com OR @tolin.ski
The final premieres TOMORROW at 10AM EST.
www.youtube.com/watch?v=7rOU...
Thread and video in case you've feeling the "Oh no! CodePen is going to be different!" feels.
2.0 can be almost identical to Classic, only dipping into new features when you're ready.
Landing page for "The Layout Maestro," a CSS course by Ahmad Shadeed.
My new CSS course is out 🥳, The Layout Maestro. It's all about teaching you how to think and decide what CSS to use.
Here is a peek from inside the content.
Ok, I lost this bet, but had it been about random shapes instead of actual UIs I think she would’ve won
Screenshot of Madcss website showing my pick of Josh defeating Kevin
@joshwcomeau.com delivered 😎
😮
@nerdy.dev just started the new WWW and happy belated birthday!
Build your bracket for the world's first ever CSS tournament, March MadCSS.
Premieres Friday 10ET on YouTube, and the stakes are high.
win over $1,500 worth of prizes madcss.com
The Madcss.com bracket challenge is LIVE.
HUGE Prizes just for picking the right bracket.
Puck who you think will win the massive 2026 CSS tournament!
Had the same issue cc @tolin.ski
16 developers.
15 minutes.
Single elimination.
Round 1 begins March 6.
Who do you think is taking it all?
Fill out your bracket now at madcss.com
€50 on @miocene.io to win it all
🎉 Looking for new work.
15 years front-end dev + Design Systems specialist.
I help folks build, maintain & transform design systems.
I'm also available for focused projects, front-end builds, codebase modernisation.
Short to long term.
Let's chat - stu@alwaystwisted.com
reposts appreciated <3
✨ 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:
HTML might be getting a new type of tag, which… hasn't happened this millennium. Here's the new syntax, and how it works:
Newly Available: CustomStateSet ✅
What is it? 🤔
It’s a new API that lets developers define and manage custom states on HTML elements, enabling fine-grained styling and behavior control using the :state() CSS pseudo-class.
Start experimenting now 👇
developer.mozilla.org/en-US/docs/...
FLIP animations in pure CSS? @nerdy.dev figured it out.
AIM = Anchor Interpolated Morph
CSS Anchor positioning + starting-styles = element morphing without JavaScript.
🎧 whiskey.fm/230
@nerdy.dev yo, just listened to the latest 🥃, have you written anything about AIM yet? Would love to see some code.
Overview of the CSS code from the provided link
💡 CSS Tip!
Have you ever tried to use "auto" within clamp()? Unfortunately, it doesn't work, but it's now possible using the new calc-size()!
css-tip.com/clamp-auto/
The same applies to all the sizing values (min-content, max-content, fit-content, etc.)
It is a lot more complicated to add keyboard shortcuts to your web app than you might initially think, featuring a big honkin' table. #a11ty ericwbailey.website/published/ho...
