Kevin Powell
@kevinpowell.co
Helping people fall in love with CSS
📺 https://YouTube.com/@kevinpowell
✉️ https://kevinpowell.co/newsletter
📺 https://YouTube.com/@kevinpowell
✉️ https://kevinpowell.co/newsletter
Pinned
Kevin Powell
@kevinpowell.co
· Nov 6
A lot of new followers since I posted this, so in case you missed it, here's my Front-end Friends starter pack 😊 go.bsky.app/FfLUXeQ
(and a more specific CSS Starter Pack here too: go.bsky.app/JQYmgQH)
(and a more specific CSS Starter Pack here too: go.bsky.app/JQYmgQH)
Reposted by Kevin Powell
Vercel bought a company called Gel and I had to point out the missed opportunity in their press release.
Yes, I am a millennial. This is just how my brain works.
Yes, I am a millennial. This is just how my brain works.
February 8, 2026 at 10:01 PM
Vercel bought a company called Gel and I had to point out the missed opportunity in their press release.
Yes, I am a millennial. This is just how my brain works.
Yes, I am a millennial. This is just how my brain works.
Reposted by Kevin Powell
Finally catching up on all the new CSS magic and have watched so many @kevinpowell.co videos my thoughts are now in his voice. What an incredible trove of knowledge, go have a watch!
And please Firefox, you used to be the cool one, let us have nice things.
And please Firefox, you used to be the cool one, let us have nice things.
February 8, 2026 at 9:10 PM
Finally catching up on all the new CSS magic and have watched so many @kevinpowell.co videos my thoughts are now in his voice. What an incredible trove of knowledge, go have a watch!
And please Firefox, you used to be the cool one, let us have nice things.
And please Firefox, you used to be the cool one, let us have nice things.
Reposted by Kevin Powell
In this week's episode of The Callback, I talk about:
- Why OpenClaw/ClawdBot/MoltBot has ruined hacking
- Cursor's science fair project of a browser
- @astro.build stops playing the field and settles down
Check it out and share it with your AI friends.
www.youtube.com/watch?v=WWWK...
- Why OpenClaw/ClawdBot/MoltBot has ruined hacking
- Cursor's science fair project of a browser
- @astro.build stops playing the field and settles down
Check it out and share it with your AI friends.
www.youtube.com/watch?v=WWWK...
OpenClaw is a fun security nightmare
YouTube video by Prismic
www.youtube.com
January 31, 2026 at 5:23 PM
In this week's episode of The Callback, I talk about:
- Why OpenClaw/ClawdBot/MoltBot has ruined hacking
- Cursor's science fair project of a browser
- @astro.build stops playing the field and settles down
Check it out and share it with your AI friends.
www.youtube.com/watch?v=WWWK...
- Why OpenClaw/ClawdBot/MoltBot has ruined hacking
- Cursor's science fair project of a browser
- @astro.build stops playing the field and settles down
Check it out and share it with your AI friends.
www.youtube.com/watch?v=WWWK...
Reposted by Kevin Powell
Reposted by Kevin Powell
One thing you'd never know watching a @frontendmasters.com workshop or course is that they have an *amazing* view.
I'm putting the finishing touches on a behind the scenes of my experience making a workshop with them this past October... though this view might be the highlight 😅
I'm putting the finishing touches on a behind the scenes of my experience making a workshop with them this past October... though this view might be the highlight 😅
February 7, 2026 at 3:57 PM
One thing you'd never know watching a @frontendmasters.com workshop or course is that they have an *amazing* view.
I'm putting the finishing touches on a behind the scenes of my experience making a workshop with them this past October... though this view might be the highlight 😅
I'm putting the finishing touches on a behind the scenes of my experience making a workshop with them this past October... though this view might be the highlight 😅
One thing you'd never know watching a @frontendmasters.com workshop or course is that they have an *amazing* view.
I'm putting the finishing touches on a behind the scenes of my experience making a workshop with them this past October... though this view might be the highlight 😅
I'm putting the finishing touches on a behind the scenes of my experience making a workshop with them this past October... though this view might be the highlight 😅
February 7, 2026 at 3:57 PM
One thing you'd never know watching a @frontendmasters.com workshop or course is that they have an *amazing* view.
I'm putting the finishing touches on a behind the scenes of my experience making a workshop with them this past October... though this view might be the highlight 😅
I'm putting the finishing touches on a behind the scenes of my experience making a workshop with them this past October... though this view might be the highlight 😅
Reposted by Kevin Powell
If you have a YouTube creator account follow these quick settings to turn AI enhancements off (YouTube turned them on without asking).
And make sure you're opted out of AI training data scraping
youtu.be/WeWt8N3fjVc?...
And make sure you're opted out of AI training data scraping
youtu.be/WeWt8N3fjVc?...
PSA: YouTube is ruining your videos. Turn off this feature
YouTube video by BurgersOnMedia
youtu.be
February 5, 2026 at 10:33 PM
If you have a YouTube creator account follow these quick settings to turn AI enhancements off (YouTube turned them on without asking).
And make sure you're opted out of AI training data scraping
youtu.be/WeWt8N3fjVc?...
And make sure you're opted out of AI training data scraping
youtu.be/WeWt8N3fjVc?...
Reposted by Kevin Powell
Good news everyone: Style queries are coming to Firefox, making them finally Baseline!
February 5, 2026 at 4:45 PM
Good news everyone: Style queries are coming to Firefox, making them finally Baseline!
I've always been a bit annoyed with the 9 / 16 aspect ratio for Shorts, it's not a lot of width for code. And somehow, I just remembered I can go up to 1 / 1 with YT... so, time to experiment and see what people think!
February 5, 2026 at 5:44 PM
I've always been a bit annoyed with the 9 / 16 aspect ratio for Shorts, it's not a lot of width for code. And somehow, I just remembered I can go up to 1 / 1 with YT... so, time to experiment and see what people think!
Reposted by Kevin Powell
Can you group these CSS colors in categories?
comicss.art/games/8/
comicss.art/games/8/
February 5, 2026 at 3:21 PM
Can you group these CSS colors in categories?
comicss.art/games/8/
comicss.art/games/8/
Fantastic look at open source options for design work by @scott.is over on @piccalil.li. Useful info, and a fun read as well.
piccalil.li/blog/the-ope...
piccalil.li/blog/the-ope...
The open source design stack
Scott Riley tested free and open source design tools out when researching his course, Mindful Design. They actually worked out better than Figma ever could, as he explains in this article with loads o...
piccalil.li
February 5, 2026 at 1:38 PM
Fantastic look at open source options for design work by @scott.is over on @piccalil.li. Useful info, and a fun read as well.
piccalil.li/blog/the-ope...
piccalil.li/blog/the-ope...
My newsletter never had an RSS feed, but I added one with the redesign of my homepage.
It's just a preview and then goes to Kit's generated page, but it's better than nothing!
If you're interested, the link for the feed is at the top of the page: www.kevinpowell.co/newsletter/
It's just a preview and then goes to Kit's generated page, but it's better than nothing!
If you're interested, the link for the feed is at the top of the page: www.kevinpowell.co/newsletter/
Kevin Powell
Helping you fall in love with CSS.
www.kevinpowell.co
February 5, 2026 at 1:12 PM
My newsletter never had an RSS feed, but I added one with the redesign of my homepage.
It's just a preview and then goes to Kit's generated page, but it's better than nothing!
If you're interested, the link for the feed is at the top of the page: www.kevinpowell.co/newsletter/
It's just a preview and then goes to Kit's generated page, but it's better than nothing!
If you're interested, the link for the feed is at the top of the page: www.kevinpowell.co/newsletter/
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...
But, as @cassidoo.co looks at here, it's going to open up a lot of possibilities 🙂 cassidoo.co/post/css-cor...
Making interesting borders with CSS corner-shape
You can make cool beveled, rounded, notched, scooped, and elliptical borders with the new CSS corner-shape property!
cassidoo.co
February 5, 2026 at 12:49 PM
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...
But, as @cassidoo.co looks at here, it's going to open up a lot of possibilities 🙂 cassidoo.co/post/css-cor...
Reposted by Kevin Powell
it's been a while, months even… time to go through my open tabs and share all the juicy blog posts for you all …
adding to this (what will be) thread.
#FrontEnd #WebDev #WebDesign #CSS #DesignSystems
adding to this (what will be) thread.
#FrontEnd #WebDev #WebDesign #CSS #DesignSystems
February 3, 2026 at 12:34 PM
it's been a while, months even… time to go through my open tabs and share all the juicy blog posts for you all …
adding to this (what will be) thread.
#FrontEnd #WebDev #WebDesign #CSS #DesignSystems
adding to this (what will be) thread.
#FrontEnd #WebDev #WebDesign #CSS #DesignSystems
Reposted by Kevin Powell
💡 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.)
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.)
February 5, 2026 at 11:10 AM
💡 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.)
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.)
Reposted by Kevin Powell
Here's a quick HTML party trick. Do you know that you can overwrite a form's behavior with a button?
You're welcome. 😅
www.stefanjudis.com/today-i-lear...
You're welcome. 😅
www.stefanjudis.com/today-i-lear...
February 4, 2026 at 6:09 PM
Here's a quick HTML party trick. Do you know that you can overwrite a form's behavior with a button?
You're welcome. 😅
www.stefanjudis.com/today-i-lear...
You're welcome. 😅
www.stefanjudis.com/today-i-lear...
Reposted by Kevin Powell
👋 I currently have availability for front-end and design systems work.
I come with free dad jokes at stand-ups and a track record of making components more reusable than my material.
alwaystwisted.com
🙏🖤
I come with free dad jokes at stand-ups and a track record of making components more reusable than my material.
alwaystwisted.com
🙏🖤
Always Twisted - Design Systems & Front-End Consultant
Hi, I’m Stu Robson, a Design Systems consultant and front-end developer helping teams create scalable, accessible systems that enhance collaboration.
alwaystwisted.com
February 4, 2026 at 3:36 PM
👋 I currently have availability for front-end and design systems work.
I come with free dad jokes at stand-ups and a track record of making components more reusable than my material.
alwaystwisted.com
🙏🖤
I come with free dad jokes at stand-ups and a track record of making components more reusable than my material.
alwaystwisted.com
🙏🖤
Reposted by Kevin Powell
this @kevinpowell.co vid is the first example I saw of connecting multiple elements that made me go OH
Tether to multple elements
YouTube video by Kevin Powell
youtube.com
February 2, 2026 at 10:43 PM
this @kevinpowell.co vid is the first example I saw of connecting multiple elements that made me go OH
I'm starting to be worried that @syntax.fm has a mystery ringer planned for my round 1 matchup 😅
That said, I'm very happy @miocene.io is on the other side of the bracket 😂
That said, I'm very happy @miocene.io is on the other side of the bracket 😂
February 2, 2026 at 1:37 AM
I'm starting to be worried that @syntax.fm has a mystery ringer planned for my round 1 matchup 😅
That said, I'm very happy @miocene.io is on the other side of the bracket 😂
That said, I'm very happy @miocene.io is on the other side of the bracket 😂
Reposted by Kevin Powell
Hey, um… get off X. They monetize societal division and amplify hate. Posting content there gives people a reason to stay and you enable their brainwashing and revisionism. One of the greatest things you can do right now is help unplug the billionaire machine and eject from the attention economy.
Wowsers look at what happened to posts on Twitter/X about London crime after monetisation of posts was introduced…
economist.com/britain/2026...
economist.com/britain/2026...
January 31, 2026 at 8:32 PM
Hey, um… get off X. They monetize societal division and amplify hate. Posting content there gives people a reason to stay and you enable their brainwashing and revisionism. One of the greatest things you can do right now is help unplug the billionaire machine and eject from the attention economy.
Reposted by Kevin Powell
January 29, 2026 at 11:18 PM
Reposted by Kevin Powell
🎉 Live from the CSS WG F2F: We just agreed to support multiple borders and outlines per element, comma-separated!
But we can’t decide on the order: inside out or outside in?
What feels more natural to you, A or B?
(it needs to be the same across borders and outlines or different box-sizing values)
But we can’t decide on the order: inside out or outside in?
What feels more natural to you, A or B?
(it needs to be the same across borders and outlines or different box-sizing values)
January 28, 2026 at 10:03 PM
🎉 Live from the CSS WG F2F: We just agreed to support multiple borders and outlines per element, comma-separated!
But we can’t decide on the order: inside out or outside in?
What feels more natural to you, A or B?
(it needs to be the same across borders and outlines or different box-sizing values)
But we can’t decide on the order: inside out or outside in?
What feels more natural to you, A or B?
(it needs to be the same across borders and outlines or different box-sizing values)
Reposted by Kevin Powell
Linked lists using anchor-positioning.
Adapted from my JS version which used SVG paths to this version which positions pseudo elements using position-anchor to link them to the checked checkbox items and current selected radio button.
See the full demo on @codepen.io codepen.io/cbolson/pen/...
Adapted from my JS version which used SVG paths to this version which positions pseudo elements using position-anchor to link them to the checked checkbox items and current selected radio button.
See the full demo on @codepen.io codepen.io/cbolson/pen/...
January 29, 2026 at 11:24 AM
Linked lists using anchor-positioning.
Adapted from my JS version which used SVG paths to this version which positions pseudo elements using position-anchor to link them to the checked checkbox items and current selected radio button.
See the full demo on @codepen.io codepen.io/cbolson/pen/...
Adapted from my JS version which used SVG paths to this version which positions pseudo elements using position-anchor to link them to the checked checkbox items and current selected radio button.
See the full demo on @codepen.io codepen.io/cbolson/pen/...
Reposted by Kevin Powell
I'm excited to welcome @rachelandrew.bsky.social back to @pixelpioneers.co! 🙌
On 19 June, Rachel will present an extended version of her pragmatic guide to browser support, with a special focus on new CSS and JavaScript features.
🎟️ Read the full talk description: pixelpioneers.co/events/brist...
On 19 June, Rachel will present an extended version of her pragmatic guide to browser support, with a special focus on new CSS and JavaScript features.
🎟️ Read the full talk description: pixelpioneers.co/events/brist...
January 28, 2026 at 10:22 AM
I'm excited to welcome @rachelandrew.bsky.social back to @pixelpioneers.co! 🙌
On 19 June, Rachel will present an extended version of her pragmatic guide to browser support, with a special focus on new CSS and JavaScript features.
🎟️ Read the full talk description: pixelpioneers.co/events/brist...
On 19 June, Rachel will present an extended version of her pragmatic guide to browser support, with a special focus on new CSS and JavaScript features.
🎟️ Read the full talk description: pixelpioneers.co/events/brist...
Reposted by Kevin Powell
People are debating the masonry layout, and I'm creating strange layouts.
A Pyramidal Grid of Hexagon Shapes! 👀
css-tip.com/pyramidal-gr...
A fully responsive implementation powered by modern CSS and no media queries.
A Pyramidal Grid of Hexagon Shapes! 👀
css-tip.com/pyramidal-gr...
A fully responsive implementation powered by modern CSS and no media queries.
January 27, 2026 at 11:39 AM
People are debating the masonry layout, and I'm creating strange layouts.
A Pyramidal Grid of Hexagon Shapes! 👀
css-tip.com/pyramidal-gr...
A fully responsive implementation powered by modern CSS and no media queries.
A Pyramidal Grid of Hexagon Shapes! 👀
css-tip.com/pyramidal-gr...
A fully responsive implementation powered by modern CSS and no media queries.