#CSS Attribute Selectors by @kevinpowell.co

View transitions are pretty neat, and I was fortunate enough to write a piece for @piccalil.li about putting them to work. They're such an exciting new part of the web platform, and I'm elated to see new and boundary-pushing effects making their way into production. #WebDev #ViewTransitions #CSS

Calling all web developers! Browsers are all meeting up next week (www.w3.org/events/tpac/...). I want your voice to be heard! Tell me your biggest problems, and tell me what you want to see from the platform. What problems are tough to solve, but could be easier?

This is quite a banger feature for web perf engineers. In Chrome Canary, you can now turn on an experimental feature to throttle single requests! chrome://flags/#devtools-individual-request-throttling This is golden to check the performance impact of a delayed resource. 👏

Didn't plan it this way, but nothing much scarier than talking about getting a job in tech these days 😱 Check out my full convo with @nerdy.dev about his recent experience looking for a new job: 📺 www.youtube.com/watch?v=JLdh... 🎙️ zencastr.com/z/KHLM-Zlu

A dishwasher is already a robot that does your dishes

I remember how excited I was when border-radius became a thing... If only I'd know what would eventually be possible with it about 15 years later 😅 corner-shape takes border-radius to an all new level... @cbolson.bsky.social has made a handy generator for it: www.corner-shape.com

The full episode is out! 📺 www.youtube.com/watch?v=JLdh... 🎙️ zencastr.com/z/KHLM-Zlu

There's a new #CSS Working Group poll to get feedback on different names for the infamous 'Pinterest' layout. - Since it uses many of the grid-* properties, `grid` will be in the name somewhere - We don't use metaphors in CSS names, so `masonry` is not listed here docs.google.com/forms/d/e/1F...

This year's pumpkins

I remember how excited I was when border-radius became a thing... If only I'd know what would eventually be possible with it about 15 years later 😅 corner-shape takes border-radius to an all new level... @cbolson.bsky.social has made a handy generator for it: www.corner-shape.com

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

Watch for tips, tricks, and blunders in tech interviews for 2025 nerdy.dev/on-general-m...

The full episode is out! 📺 www.youtube.com/watch?v=JLdh... 🎙️ zencastr.com/z/KHLM-Zlu

Didn't plan it this way, but nothing much scarier than talking about getting a job in tech these days 😱 Check out my full convo with @nerdy.dev about his recent experience looking for a new job: 📺 www.youtube.com/watch?v=JLdh... 🎙️ zencastr.com/z/KHLM-Zlu

I had a chat with @nerdy.dev about his somewhat recent job hunt, where he talked a lot about the misalignment between the technical interviews and the roles they were looking to fill... and how even if they tried to fix the interviews, it didn't seem to help 😅

Timeless and priceless advice for all developers, but especially junior developers. alex.party/posts/2025-1...

Happy 34th Birthday HTML tags! On October 29, 1991, the internet pioneer, Tim Berners-Lee, published a document entitled HTML Tags. #WebDesignHistory

I had a chat with @nerdy.dev about his somewhat recent job hunt, where he talked a lot about the misalignment between the technical interviews and the roles they were looking to fill... and how even if they tried to fix the interviews, it didn't seem to help 😅

Congratulations to @dalya.dev! The Bad UX World Champion 2025! We will be sending you a framed trophy 🏆 and a free copy of @kevinpowell.co 's course cssdemystified.com

I'll be judging, come and join the fun! www.youtube.com/watch?v=PGpw...

The Bad UX World Cup is going live in 15 mins! 🙀

The #BadUXWorldCup 2025 is now closed for submission! October 29th we will be live streaming the finals on Youtube with our expert judges @cassidoo.co, @kevinpowell.co and David Prentell. Tune in at 16:00 CET www.youtube.com/watch?v=PGpw...

We heard ya when you asked to take the transform of the anchor into account when using anchor-positioning … coming to Chrome 144! 😊

Just submitted my project for badux.lol. It’s my first coding project building from scratch. It was super fun to work though. Check it out here - jacksonbryan28.github.io/bad-date-pic... (Not mobile friendly cause I don’t know how to use media queries yet lol) #badux @kevinpowell.co @cassidoo.co

If you're enrolled at Frontend Masters you can attend live this Tuesday and Wednesday. If you aren't enrolled, it's not too late! Get 25% off with this link frontendmasters.com/workshops/modern-css/?utm_source=powell&utm_medium=social&utm_campaign=css-fundamentals&code=powell (affiliate link)

Boarding soon as I head out for my Modern CSS Fundamentals workshop with @frontendmasters.com

I know @kevinpowell.co is likely too busy to tell you, but he's leading a two day Modern CSS workshop w/ @frontendmasters.com Oct 21 + 22 this week. it's online (and in person if you're local), and available to all if I'm not mistaken. frontendmasters.com/workshops/mo...

Had a smashing time at @smashingconf.com last week, meeting people & nerding about #CSS value resolution. Now back to the video course. Aiming to launch a first module in Jan/Feb! From grids/alignment to guaranteed invalid values – sign up for updates & discounts: oddbird.dev/courses/desi...

We've already had a great response to this. Thank you everyone who took the time to make a ranking - I know there's a lot of proposals. If you haven't, there's still time! bsky.app/profile/fire...

CSS color just a major glow-up 🌈 Stop using `#hex` and `rgb()`—switch to `lch()` / `oklch()` for better contrast, smoother gradients, and HDR-ready design. @kevinpowell.co breaks it down brilliantly: piccalil.li/blog/a-pragm... #CSS #WebDev #DesignSystems #A11y #colors #oklch

In my conversation with @kevinpowell.co a few weeks ago I mentioned that one of the ways to get people to care about #accessibility is to help them understand it better. And one way to help them understand it better is to debunk common accessibility myths.

OKAY! OKAY! OKAY! The winner of the #BadUXWorldCup will get a FREE copy of @kevinpowell.co's CSS Demystified course! 😱 Get building! More info on badux.lol

Let's raise the stakes! The winner of the #BadUXWorldCup will not only win the title and a shit trophy. They will also receive a free copy of @kevinpowell.co's course CSS demystified! cssdemystified.com What are you waiting for? Submit your terrible date picker here badux.lol

Time flies...

"Oops… #CSS got away from me, send halp!" 🎥 video out now a 25m tik-talk just given at @cascadiajs.com ⤷ nerdy.dev/oops-css-got...

Anyone who works on browsers, or might know of where there might be information on this: I'm pretty sure that a few years ago I heard that browsers (maybe it was a specific one?) were optimizing custom props declared on the :root, and which didn't change values. Was this a thing? Is it still true?

Ok, I'll retract this statement, as it seems *a lot* of people still use rgba() and hsla(). Instead, I will recommend anyone who uses hsla() or rgba() to read this article, as even the comma-separated syntax is now legacy. piccalil.li/blog/a-pragm...

Amazing article! Definitely recommend giving it a read. I had no clue that the rgb and rgba functions are functionally the same

I think the biggest giveaway that CSS has been generated using some sort of LLM (outside of the mistakes it might have made) is that they all seem to use `rgba()` or `hsla()`. Is there so much training stuff out there still using the `a` with those? We haven't needed it for like a decade now.

awesome little #a11y bookmarklet from @lloydi.com a11y-tools.com/bookmarklets... (check out the other ones they have on that page, it's a right ol' treasure trove)

Company emails me for a sponsorship. I don't reply within 24 hours, so they follow-up (fair enough). In their reply they say "let me know if you aren't interested so I won't bug you anymore." I tell them I'm not interested. That triggers and automated "great, here's what we're looking for!" 🤦

One thing about making CSS content is when I see and interesting challenge, trying to solve it can make good content 😅 In this case, I saw a @codepen.io for a directionally-aware hover effect that only tracked mouse-in, so of course I wanted to try and track mouse-out too. youtu.be/bjw0ka0raMA

You've seen your fair share of bad date pickers. Well, now it's your turn to create something even worse! Unlike those other bad ones out there that just frustrate users, you might win a trophy for your efforts if you enter it into the #BadUXWorldCup where I'll be one of the judges 😊 badux.lol

I'm always nervous releasing videos that are not about CSS. I know how to do other stuff, but it's not my speciality and it's always a "there might be a better way" feeling in the back of my head. Turns out, having more of a beginner mindset is probably a good thing 😅

📣 Attention internet 📣 The final Judge of the #BadUXWorldCup is @kevinpowell.co Kevin has spent the last decade teaching you all how to build great accessible websites with good UX. Now forget all that and build a horrible date picker! Submit your entry at: badux.lol

We don't have a sponsor for #FFConf 2025 scholarship programme (we didn't last year too) I really don't want to have to add this terrible sticker again… The sponsorship allows us budget not only for ticket allocation, but also travel and hotel for under represented groups. 💌 [email protected]

As an experiment, we (the Firefox team) wanted to try a new way to get feedback on which Interop proposals matter most. So, here's a web app where you can rank the proposals you care about, giving us data we can use when reviewing which ones to champion. interop-rank.jakearchibald.com

Had a blast over on the Whiskey Web and Whatnot podcast along with @nerdy.dev and @robbiethewagner.dev. We talked about whether CSS is a programming language, touched on Tailwind, and questioned why AI is still pretty bad at CSS, and nerded out about CSS in general 😊 whiskey.fm/is-css-a-pro...

AI coding sucks CJ just one-shotted a 15 min rant and it's incredibly refreshing. www.youtube.com/watch?v=0ZUk...