Sign in

Kevin Powell

@kevinpowell.co
13K followers 279 following 2.3K posts

Helping people fall in love with CSS 📺 YouTube.com/@kevinpowell ✉️ kevinpowell.co/newsletter

PostsRepliesMedia
Reposted by Kevin Powell
Adrian Roselli, pH0 @aardrian.bsky.social · 11h
Screen Reader User Survey #11 Results webaim.org/projects/scr... Shared sans comment. #a11y #accessibility
webaim.org
WebAIM: Screen Reader User Survey #11 Results
172
Reposted by Kevin Powell
Sergey Chernyshev @sergeyche.dev · 20h
Just watched the video by @kevinpowell.co about AI impact on our jobs: www.youtube.com/watch?v=1aW7... I feel like many of us might be having "AI burnout" - a new type of burnout that we in software industry didn't see before. The analogy of moving from hand-crafted to conveyor belts seems right.
youtube.com
We're all fed up
YouTube video by General Musings with Kevin Powell
0195
Reposted by Kevin Powell
Andy Bell @bell.bz · 21h
on the anthropic IPO stuff, I think this via @garbageday.email is pretty much spot on www.garbageday.email/p/they-want-...
But I’ll end this here with a little conspiracy theory courtesy of Hacker News that I have decided I will believe until I see proof to the contrary. “OpenAI and Anthropic are publicly asking for slowdown in AI research,” one user wrote. “Translation: We see this technology not being any more useful than what it is now, no AGI is coming, and the first one to accept this and slow down the dollar burn rate will incur the wrath of the market. So let's say this big boogeyman technology will end all life on earth and we all slow down together.”
36017
Reposted by Kevin Powell
Ana Tudor @anatudor.bsky.social · 31/12/2025
For anyone who missed it: I have now set up membership tiers on Ko-fi! #KofiChallenge ko-fi.com/anatudor Because praise doesn't keep me afloat... but you can!
ko-fi.com
Support Ana Tudor
If you like my work and you want me to be able to continue coding, please consider supporting it.
0103
Reposted by Kevin Powell
beyond tellerrand @beyondtellerrand.com · 22h
After twelve years Irene Pereyra is back on the beyond tellerrand stage. I am very much looking forward to welcoming her. Hello Irene! beyondtellerrand.com/events/dusse...
beyondtellerrand.com
Irene Pereyra: Speaker at beyond tellerrand in Düsseldorf 2027
Irene Pereyra works at the intersection of design and policy with the Danish think tank 21st Europe, developing speculative design Blueprints that explore how Europe can rethink policy, technology and...
064
Reposted by Kevin Powell
rem / Remy Sharp @remysharp.com · 21h
After careful consideration and a look at where the industry is spending it's funding we've decided to pivot #FFConf in a "new" direction. I present to you: ffconf.ai Please share with bots and humans alike.
ffconf.ai
FFConf.ai
The web conference, now with 100% less you. Agent-first, human-optional, ice cream not included in the Enterprise tier.
65219
Kevin Powell @kevinpowell.co · 21h
About a week ago I was talking with someone about the WordPress drama that had been going on what felt like about a year ago, and we were wondering how things were going... Apparently it's just getting even wilder 😅 www.youtube.com/watch?v=ylO0...
youtube.com
The most expensive 33 hours in WordPress history...
YouTube video by Fireship
5174
Reposted by Kevin Powell
Rob @lloveras.info · 29/09/2026
#css @kevinpowell.co www.youtube.com/watch?v=CU8P...
youtube.com
Three CSS patterns I use in every project
YouTube video by Kevin Powell
061
Reposted by Kevin Powell
Manuel Matuzović @matuzo.at · 28/09/2026
This advent calendar is your chance to share your knowledge with a large audience. You have 5 more days to submit your ideas. First-time authors are welcome!
01720
Reposted by Kevin Powell
Andrey Sitnik @en.sitnik.es · 25/09/2026
I made a new PostCSS plugin for the new CSS `corner-shape: squircle`. It creates smooth corners like in iOS (and nature). The plugin adjusts `border-radius` for squircle geometry and can add `corner-shape` automatically. github.com/postcss/post...
2235
Reposted by Kevin Powell
Cyd Stumpel @cydstumpel.nl · 16/08/2026
Started working on my demo for Fronteers Dark Mode, this is built with CSS scroll-driven animations, no JS 💅 My talk will go into detail on where you can replace JS with CSS! Tickets are still available: fronteersconf.org This cool effect is inspired by @thomasaufresne.com → bennettandclive.com
7898
Reposted by Kevin Powell
Vale @vale.rocks · 28/09/2026
px in CSS ≠ a pixel on a display. This is something that is obvious when you think about it at all, but many people seem to gloss over it. I was explaining it to someone and figured I'd be best to jot it down: vale.rocks/micros/20260...
vale.rocks
A CSS Pixel Isn't a True Pixel - 28 Sept 2026 05:15 UTC
2325
Kevin Powell @kevinpowell.co · 28/09/2026
Excited to see we'll eventually have responsive iframes. It's a one-liner in CSS with `frame-sizing: content-height;` but it does require a meta tag to opt-in from the embedded doc as well. Currenly only behind a flag in Chrome, but will be nice to have once it starts landing.
developer.chrome.com
Responsive iframes in Chrome 154  |  Blog  |  Chrome for Developers
Chrome 154 adds support for responsively-sized iframes, letting an iframe size itself based on the intrinsic size of its embedded document.
2506
Kevin Powell @kevinpowell.co · 28/09/2026
Ever double-tapped a button on your phone and had the page zoom in? In this post over on @piccalil.li, @bell.bz looks at a simple CSS one-liner of `touch-action: manipulation` to prevent that, rather than messing with the viewport meta. piccalil.li/blog/stop-bu...
piccalil.li
Stop buttons triggering zoom when they’re double tapped
It’s annoying when your browser zooms if a button is rapidly tapped. There’s actually a really simple fix and no, you don’t have to prevent all zooming with a meta tag!
3316
Reposted by Kevin Powell
Bramus @bram.us · 25/09/2026
The time to ramp up your scroll-driven animations skills is **NOW** Go check scroll-driven-animations.style for and free 10-part video course created by yours truly, as well as a bunch of tools and demos.
scroll-driven-animations.style
Scroll-driven Animations
A bunch of demos and tools to show off Scroll-driven Animations
311120
Reposted by Kevin Powell
Matthew Morete @matthewmorete.com · 25/09/2026
This conversation inspired me to write a bit more about polyfilling/fallbacks for progress(). If your breakpoints are in pixels, which they usually are, all you need is this! Not a nice as progress() but a lot better than I proposing in my previous article. Only 1 @property and 1 tan(atan2())
CSS code: @property --vw { syntax: "<length>"; inherits: true; initial-value: 100vw; } :root { --progress: clamp(0, tan(atan2(var(--vw) - 300px, 1200px - 300px)), 1); }
261
Kevin Powell @kevinpowell.co · 25/09/2026
Selfishly excited about this so when I make videos using it, I can at least say it's newly available 😅
0210
Reposted by Kevin Powell
IntentToShip @intenttoship.dev · 25/09/2026
Gecko: Intent to Ship: Scroll-driven Animations
groups.google.com
Gecko: Intent to Ship: Scroll-driven Animations
Gecko: Intent to Ship: Scroll-driven Animations
1449
Reposted by Kevin Powell
Kevin Powell @kevinpowell.co · 24/09/2026
A quick look at how the `lh` unit can make styling textareas a lot easier, and a quick look at field-sizing which makes something that was very hard, very easy 😊
2775
Reposted by Kevin Powell
David 🏳️‍🌈🦦🐈‍⬛🐧🎮🤠 @blue-labs.org · 25/09/2026
from @kevinpowell.co youtu.be/qu1jE41O_8o?...
youtu.be
Use these CSS features instead of JavaScript
YouTube video by Kevin Powell
083
Kevin Powell @kevinpowell.co · 25/09/2026
CSS keeps getting better and better, but the problem with hearing about amazing new features is that we're stuck not being able to use them for a few years because of browser support. So, this week I looked at a bunch of well-supported CSS features that I still see people turn to JS for.
youtu.be
Use these CSS features instead of JavaScript
YouTube video by Kevin Powell
5595
Reposted by Kevin Powell
Fronteers @fronteers.bsky.social · 25/09/2026
⏰ Last call for Fronteers Dark Mode 2026! Ticket sales close tomorrow, Saturday at midnight, and there are just 13 seats left. So if you’ve been thinking about joining us in Dordrecht next Friday, this really is your last chance. 🌑✨ 🎟️ www.fronteersconf.org We’d love to see you there! ❤️
Fronteers Dark Mode 2026, Friday, October 2, at Cinema De Witt in Dordrecht. An intimate evening of frontend talks and community from 3 PM until after midnight. Tickets €99 at fronteersconf.org. Collage showing Dordrecht, dinner, the Cinema De Witt venue and its red-seated screening room, with a QR code linking to the conference website.
156
Reposted by Kevin Powell
Vuejs Amsterdam @vuejsamsterdam.bsky.social · 25/09/2026
✨ SPEAKER HIGHLIGHT: BEN HONG (@bencodezen.io) ✨ In 2021, Ben took the stage at the global online Vuejs Amsterdam. Since then, he’s continued to shape the Vue ecosystem as a Core Team member, Nuxt Ambassador & educator. 🧡 Celebrating the people who’ve helped shape our community. 🙌 #Vuejs
1102
Kevin Powell @kevinpowell.co · 25/09/2026
At least in the circles I follow, there's been so much about educators leaving the space because of the various impacts of AI, but everyone is sick of the state of things. Push enough talent away, and bad things are going to happen. youtu.be/1aW7P3ZAUYw
youtu.be
We're all fed up
YouTube video by General Musings with Kevin Powell
2828
Reposted by Kevin Powell
James @43081j.com · 24/09/2026
Today we're launching ai-policy.dev! A collaboration of me, @danielroe.dev and @matteogabriele.npmx.social - this provides a few human curated AI contribution policies you can choose from. Our hope is that this will help you better define your stance and what kind of contributions you accept 🙏
ai-policy.dev
AI Contribution Policies
Ready-to-use AI contribution policies for open source projects.
1313540
Reposted by Kevin Powell
Ahmad Shadeed @ishadeed.com · 24/09/2026
✍️ New Article: Detect when elements overlap with CSS Can CSS tell when two elements overlap? At first, I thought this was not possible, but it turned out it can be done with scroll-driven animations and anchor positioning. ishadeed.com/article/css-...
ishadeed.com
Detect when elements overlap with CSS
Detecting when two elements overlap using only CSS anchor positioning and scroll-driven animations.
57419
Reposted by Kevin Powell
Brian Kardell @bkardell.com · 22/09/2026
My colleague @atbrakhi.bsky.social wrote a nice, cleverly titled post based on a very short exchange we had on Instagram the other day... www.atbrakhi.dev/blog/browser...
atbrakhi.dev
Browsers Situationship: When Browsers Agree but the Spec Doesn’t | Atbrakhi's Blog
What came first: browsers or specifications? Why are specifications important? Why do we sometimes change a specification instead of browsers? What matters most: the specification or the user experien...
1173
Reposted by Kevin Powell
Adam Argyle @nerdy.dev · 24/09/2026
Couple a dorks n their bum-dittys nerdy.dev/camp-night-w... @chriscoyier.net
nerdy.dev
BanjoCSS · September 19, 2026
Banjo, guitar, drums, trees, n&#39; mountains.
7503
Kevin Powell @kevinpowell.co · 24/09/2026
A quick look at how the `lh` unit can make styling textareas a lot easier, and a quick look at field-sizing which makes something that was very hard, very easy 😊
2775
Kevin Powell @kevinpowell.co · 24/09/2026
Starting to play with progress() now that it's newly available and I can see how it can be more useful than clamp() in some situations, but man, my brain is having a hard time with it 😅
6281
Reposted by Kevin Powell
Manuel Matuzović @matuzo.at · 24/09/2026
Today at 6 pm CEST I'm doing a live, one hour accessibility testing session. You send me links, I test them and comment what I see. Hosted by my friends at @smashingconf.com! smashingconf.com/online-works...
smashingconf.com
Live Accessibility Testing — Online Workshops
In this one-hour session, Manuel Matuzović will test the websites you provide for accessibility issues and show you quick first steps you can take to identify and assess them. You will learn how to us...
054
Reposted by Kevin Powell
Cory LaViska @cory.laviska.com · 23/09/2026
Looks like Interop 2027 proposals close today. Got a web platform gap that still burns (CSS, a11y, web components)? File or boost an issue before the window shuts. webkit.org/blog/18283/s...
webkit.org
Submit your ideas for Interop 2027
It’s that exciting time of year again when we start considering Interop proposals for next year!
153
Reposted by Kevin Powell
Paul Kinlan @paul.kinlan.me · 23/09/2026
Great seeing responsively sized iframes landing in Chrome - developer.chrome.com/blog/respons... In my post "The browser is the sandbox", I said: "We need a way to size the outer-iframe (or iframes in general) that doesn’t rely on access to iframe.[...].innerHeight and sandbox='allow-same-origin'"
developer.chrome.com
Responsive iframes in Chrome 154  |  Blog  |  Chrome for Developers
Chrome 154 adds support for responsively-sized iframes, letting an iframe size itself based on the intrinsic size of its embedded document.
3298
Reposted by Kevin Powell
Bramus @bram.us · 23/09/2026
Look, a blog post: brm.us/show-keystro...
171
Reposted by Kevin Powell
Rick @calder12.bsky.social · 23/09/2026
This is great! At this point I need to just download @kevinpowell.co's brain, because I will never remember these other than "I saw Kevin do this somewhere" lol. www.youtube.com/watch?v=qu1j...
youtube.com
Use these CSS features instead of JavaScript
YouTube video by Kevin Powell
052
Reposted by Kevin Powell
Jeff Bridgforth @jeffbridgforth.com · 23/09/2026
Great tips from Kevin.
0101
Kevin Powell @kevinpowell.co · 23/09/2026
It's annoying to keep hearing about cool CSS features only to find out browser support isn't great, so today I take a look at a bunch of features that have fantastic support, but people still turn to JS for instead. youtu.be/qu1jE41O_8o
youtu.be
Use these CSS features instead of JavaScript
YouTube video by Kevin Powell
210729
Kevin Powell @kevinpowell.co · 23/09/2026
The stories of kids maxing out their credit card on Roblox might soon look pretty tame 😆
TORONTO, Sept. 21, 2026 /CNW/ -- Mastercard, Flybits and Rogers Bank today announced Canada's first successful deployment of a landmark agentic commerce transaction involving an AI-powered commerce platform, card issuer and payments network, demonstrating how AI-powered shopping experiences can prioritize consumer control, transparency and security.
2160
Reposted by Kevin Powell
Andy Bell @bell.bz · 23/09/2026
If you think you’re alone in being miserable about being Claude‘s condom, you’re not www.reddit.com/r/ClaudeAI/c... Once you get past the loud minority — those who are dead behind the eyes, but smiling for the cameras — no one who is forced to use LLMs all day is happy in this industry
reddit.com
From the ClaudeAI community on Reddit
Explore this post and more from the ClaudeAI community
1926460
Reposted by Kevin Powell
beyond tellerrand @beyondtellerrand.com · 23/09/2026
Aaand we continue the list of lovely people that show up at the #btconf Düsseldorf speaker page for 2027. Please say HELLO and WELCOME to Mr. Roel Nieskens. 🤗 beyondtellerrand.com/events/dusse...
beyondtellerrand.com
Roel Nieskens: Speaker at beyond tellerrand in Düsseldorf 2027
Roel Nieskens is an independent developer from the Netherlands who loves the web, fonts, webfonts and all combinations thereof. Under the name PixelAmbacht he does front-end development and (web)font ...
0105
Reposted by Kevin Powell
Piccalilli @piccalil.li · 23/09/2026
It’s annoying when your browser zooms if a button is rapidly tapped. There’s actually a really simple fix and no, you don’t have to prevent all zooming with a meta tag! piccalil.li/blog/stop-bu...
piccalil.li
Stop buttons triggering zoom when they’re double tapped
It’s annoying when your browser zooms if a button is rapidly tapped. There’s actually a really simple fix and no, you don’t have to prevent all zooming with a meta tag!
3503
Reposted by Kevin Powell
David Bushell 🪿 @dbushell.com · 22/09/2026
blogged: I said no and Apple said yes dbushell.com/2026/09/22/a... just more AI industrial complex bullshit 🫩
dbushell.com
I said no and Apple said yes
The one where Apple decides consent doesn’t matter anymore.
2226
Kevin Powell @kevinpowell.co · 22/09/2026
The GTA6 site transitions between sections. Still early in, but I think I'm getting pretty close with scroll-driven animations. Next I need add a delay for stacked elements. Having things fade out a little later than others makes it a lot nicer. The videos do make it a bit cooler, though 😅
1290
Reposted by Kevin Powell
ppk 🇪🇺 @quirksmode.org · 21/09/2026
If an AI reads all articles on your site, how long does that process take? Does it make more than one HTTP request for the HTML page itself (discounting CSS, JS, images, and such)?
221
Reposted by Kevin Powell
beyond tellerrand @beyondtellerrand.com · 22/09/2026
A warm welcome to Chiara Aliotta, brand designer, storyteller and founder of Until Sunday. She joins us for #btconf Düsseldorf 2027. beyondtellerrand.com/events/dusse...
beyondtellerrand.com
Chiara Aliotta: Speaker at beyond tellerrand in Düsseldorf 2027
Chiara Aliotta is an award-winning designer, speaker, and founder of Until Sunday, a creative studio driven by her love of stories, typography, and detail. She has shaped brand identities for global o...
093
Reposted by Kevin Powell
Bruce Lawson @brucel.bsky.social · 22/09/2026
If you thought the departure of Tim Cook would see a new caring "Consent is a human right" Apple, think again. Not-Steve-Either has been in post 10 minutes, and they're forcing 22GB of AI on you. That's the equivalent of 32 shit U2 albums. dbushell.com/2026/09/22/a...
dbushell.com
I said no and Apple said yes
The one where Apple decides consent doesn’t matter anymore.
0224
Reposted by Kevin Powell
Kevin Powell @kevinpowell.co · 18/09/2026
Container queries are great, but if you set up several containers and use cqi for fluid type, one font-size gives you different sizes in every container. Registering the property lets us lock the size to a specific container, helping to fix the issue. youtu.be/q-_cIlttYBc
youtu.be
Fixing fluid typography
YouTube video by Kevin Powell
0262
Kevin Powell @kevinpowell.co · 18/09/2026
I'd been super busy lately, and brewing had taken a bit of a backseat for awhile. Managed to get a saison brewing before I left for ZurichJS, and am now enjoying the fruits of my labour 😊
Freshly poured Saison beer, with a pretty healthy head.Selfie, smiling at the camera, with my typical YouTube background behind me, holding up a beer.
4710
Kevin Powell @kevinpowell.co · 18/09/2026
My son walked by saying "EA Sports, it's in the game" to himself as he passed by. We've got our generational differences, but glad to know that some things haven't changed 😅
1620
Reposted by Kevin Powell
Kevin Powell @kevinpowell.co · 17/09/2026
What unit do devs use the most often in production? @trost.codes took his best guesses! (Shoutout to @projectwallace.com for the stats)
11659