Traek Wells
@traekwells.com
Fly you fools!
https://traekwells.com/
https://traekwells.com/
I can't figure out how to make YouTube videos shorter than 30 minutes but it's ok: www.youtube.com/watch?v=m43Z...
Design To Code: Navigation Bar
YouTube video by Traek Wells
www.youtube.com
December 3, 2025 at 12:57 AM
I can't figure out how to make YouTube videos shorter than 30 minutes but it's ok: www.youtube.com/watch?v=m43Z...
Thanks! I actually just figured out I have to nest another hsl around the custom property:
background-color: hsl(from var(--color-primary-dark) h s 10%);
needs to be:
background-color: hsl(from hsl(var(--color-primary-dark)) h s 10%);
Makes a lot of sense but felt weird to do
background-color: hsl(from var(--color-primary-dark) h s 10%);
needs to be:
background-color: hsl(from hsl(var(--color-primary-dark)) h s 10%);
Makes a lot of sense but felt weird to do
November 27, 2025 at 12:35 AM
Thanks! I actually just figured out I have to nest another hsl around the custom property:
background-color: hsl(from var(--color-primary-dark) h s 10%);
needs to be:
background-color: hsl(from hsl(var(--color-primary-dark)) h s 10%);
Makes a lot of sense but felt weird to do
background-color: hsl(from var(--color-primary-dark) h s 10%);
needs to be:
background-color: hsl(from hsl(var(--color-primary-dark)) h s 10%);
Makes a lot of sense but felt weird to do
Is it possible to use relative colors with CSS custom properties if you set your properties like so:
--color-primary-dark: 258deg 59% 59%;
If I try this, I'm not getting anything:
background-color: hsl(from var(--color-primary-dark) h s 10%);
I think it's because my custom property isn't hsl.
--color-primary-dark: 258deg 59% 59%;
If I try this, I'm not getting anything:
background-color: hsl(from var(--color-primary-dark) h s 10%);
I think it's because my custom property isn't hsl.
November 26, 2025 at 9:18 PM
Is it possible to use relative colors with CSS custom properties if you set your properties like so:
--color-primary-dark: 258deg 59% 59%;
If I try this, I'm not getting anything:
background-color: hsl(from var(--color-primary-dark) h s 10%);
I think it's because my custom property isn't hsl.
--color-primary-dark: 258deg 59% 59%;
If I try this, I'm not getting anything:
background-color: hsl(from var(--color-primary-dark) h s 10%);
I think it's because my custom property isn't hsl.
Reposted by Traek Wells
if the discussions and calls I've been having lately are any indication, we're about to see significant renewed focus on developer communities. reality is setting in and companies are realizing AI is not a miracle; it's a tool, and tools are only valuable if and when people use them to build things
November 10, 2025 at 10:28 PM
if the discussions and calls I've been having lately are any indication, we're about to see significant renewed focus on developer communities. reality is setting in and companies are realizing AI is not a miracle; it's a tool, and tools are only valuable if and when people use them to build things
Just tried using a Figma MCP server for the first time and it was quite cool. I designed a component in Figma and Copilot was able to create a code version of it that was fairly close, based on my existing design tokens.
November 10, 2025 at 8:59 PM
Just tried using a Figma MCP server for the first time and it was quite cool. I designed a component in Figma and Copilot was able to create a code version of it that was fairly close, based on my existing design tokens.
Ok liquid UI is starting to grow on me
October 26, 2025 at 4:13 PM
Ok liquid UI is starting to grow on me
Reposted by Traek Wells
✅Announcing Vitest 4.0 ✅
Our latest Vitest update brings Browser Mode to stable, allowing you to test your UI in real browsers like Chrome.
Also new:
- Visual Regression Testing to catch unintended UI changes
- Playwright Trace support for easier debugging
voidzero.dev/posts/announ...
Our latest Vitest update brings Browser Mode to stable, allowing you to test your UI in real browsers like Chrome.
Also new:
- Visual Regression Testing to catch unintended UI changes
- Playwright Trace support for easier debugging
voidzero.dev/posts/announ...
Announcing Vitest 4.0
Vitest 4.0 is released with Browser Mode being marked stable, Visual Regression testing support, and Playwright Trace support. The Vitest team will focus on performance improvement in the upcoming…
voidzero.dev
October 22, 2025 at 3:47 PM
✅Announcing Vitest 4.0 ✅
Our latest Vitest update brings Browser Mode to stable, allowing you to test your UI in real browsers like Chrome.
Also new:
- Visual Regression Testing to catch unintended UI changes
- Playwright Trace support for easier debugging
voidzero.dev/posts/announ...
Our latest Vitest update brings Browser Mode to stable, allowing you to test your UI in real browsers like Chrome.
Also new:
- Visual Regression Testing to catch unintended UI changes
- Playwright Trace support for easier debugging
voidzero.dev/posts/announ...
Reposted by Traek Wells
I stumbled over this `css-extra` repo and now tell me that CSS isn't a programming language. 🫣😅
github.com/sindresorhus...
Note: CSS functions are a Chromium-only thing by now, but, still, CSS is becoming even more wild soon!
github.com/sindresorhus...
Note: CSS functions are a Chromium-only thing by now, but, still, CSS is becoming even more wild soon!
October 14, 2025 at 3:39 PM
I stumbled over this `css-extra` repo and now tell me that CSS isn't a programming language. 🫣😅
github.com/sindresorhus...
Note: CSS functions are a Chromium-only thing by now, but, still, CSS is becoming even more wild soon!
github.com/sindresorhus...
Note: CSS functions are a Chromium-only thing by now, but, still, CSS is becoming even more wild soon!
Reposted by Traek Wells
Are you the type of dev who just copies and pastes hex codes?
If so, I've written an article over at @piccalil.li just for you!
I take a look at some of the new CSS colour features that are most useful for those who don't really care about colours.
piccalil.li/blog/a-pragm...
If so, I've written an article over at @piccalil.li just for you!
I take a look at some of the new CSS colour features that are most useful for those who don't really care about colours.
piccalil.li/blog/a-pragm...
A pragmatic guide to modern CSS colours - part one
Whether you've got a firm grasp on modern CSS colour capabilities, or you're thinking 'I struggle to understand why I should use modern CSS colours at all', then the first part of this article series,...
piccalil.li
October 7, 2025 at 4:18 PM
Are you the type of dev who just copies and pastes hex codes?
If so, I've written an article over at @piccalil.li just for you!
I take a look at some of the new CSS colour features that are most useful for those who don't really care about colours.
piccalil.li/blog/a-pragm...
If so, I've written an article over at @piccalil.li just for you!
I take a look at some of the new CSS colour features that are most useful for those who don't really care about colours.
piccalil.li/blog/a-pragm...
Reposted by Traek Wells
The Coyier CSS Starter
A fairly opinionated CSS starter by Chris, following a set of personal principals to guide what is in there and what isn't.
A fairly opinionated CSS starter by Chris, following a set of personal principals to guide what is in there and what isn't.
The Coyier CSS Starter
A fairly opinionated CSS starter by Chris, following a set of personal principals to guide what is in there and what isn't.
frontendmasters.com
September 25, 2025 at 7:39 AM
The Coyier CSS Starter
A fairly opinionated CSS starter by Chris, following a set of personal principals to guide what is in there and what isn't.
A fairly opinionated CSS starter by Chris, following a set of personal principals to guide what is in there and what isn't.
Can anyone recommend a good podcast about mythology?
September 24, 2025 at 1:33 PM
Can anyone recommend a good podcast about mythology?
Reposted by Traek Wells
This is a wonderful post explaining how to make animations feel "right" (or why sometimes you don't need to animate at all). 👇
emilkowal.ski/ui/you-dont-...
emilkowal.ski/ui/you-dont-...
September 15, 2025 at 3:43 PM
This is a wonderful post explaining how to make animations feel "right" (or why sometimes you don't need to animate at all). 👇
emilkowal.ski/ui/you-dont-...
emilkowal.ski/ui/you-dont-...
Reposted by Traek Wells
Hey friends! I did a TEDx talk and it's now up on the TED Conferences YouTube. It's possibly the best and most important talk I've ever done.
I would ask that you watch it, and please SHARE it broadly and widely. Thank you! youtu.be/dVG8W-0p6vg #AI #Tech #TED
I would ask that you watch it, and please SHARE it broadly and widely. Thank you! youtu.be/dVG8W-0p6vg #AI #Tech #TED
Tech Promised Everything. Did it deliver? | Scott Hanselman | TEDxPortland
YouTube video by TEDx Talks
youtu.be
July 17, 2025 at 5:37 PM
Hey friends! I did a TEDx talk and it's now up on the TED Conferences YouTube. It's possibly the best and most important talk I've ever done.
I would ask that you watch it, and please SHARE it broadly and widely. Thank you! youtu.be/dVG8W-0p6vg #AI #Tech #TED
I would ask that you watch it, and please SHARE it broadly and widely. Thank you! youtu.be/dVG8W-0p6vg #AI #Tech #TED
Reposted by Traek Wells
A while back, I was building a particle animation, and I ran into some weird issues. The particles were turning grey, mid-animation. And sometimes, they wouldn’t change color at all!
Turns out, there’s a pretty big limitation with color transitions. I share some solutions in my brand-new post!
Turns out, there’s a pretty big limitation with color transitions. I share some solutions in my brand-new post!
Color Shifting in CSS • Josh W. Comeau
A little while ago, I was trying to animate an element’s background color, so that it cycled through the rainbow. Seems easy, but it turns out, browsers have a surprisingly big limitation when it comes to color processing! In this tutorial, we’ll dig into the issue, and I’ll share a couple of strategies you can use to work around this limitation.
www.joshwcomeau.com
September 8, 2025 at 7:52 PM
A while back, I was building a particle animation, and I ran into some weird issues. The particles were turning grey, mid-animation. And sometimes, they wouldn’t change color at all!
Turns out, there’s a pretty big limitation with color transitions. I share some solutions in my brand-new post!
Turns out, there’s a pretty big limitation with color transitions. I share some solutions in my brand-new post!
Why do YouTubers say “Smash that like button?” Is that different than “Click the like button?”
September 5, 2025 at 9:58 PM
Why do YouTubers say “Smash that like button?” Is that different than “Click the like button?”
Since @wesbos.com said that AI always "creates" stuff using purple, I can't unsee it. I've never noticed this before. So bizarre.
a man wearing glasses and a blue shirt is making a funny face .
Alt: a man wearing glasses and a blue shirt is making a funny face .
media.tenor.com
August 29, 2025 at 8:00 PM
Since @wesbos.com said that AI always "creates" stuff using purple, I can't unsee it. I've never noticed this before. So bizarre.
Reposted by Traek Wells
😆 maybe "yolo" should be (another) CSS unit:
width: 1yolo;
height: .5yolo;
font-size: .875yolo;
width: 1yolo;
height: .5yolo;
font-size: .875yolo;
Why are there so many different CSS units?
@nerdy.dev can tell you more than most!
www.youtube.com/watch?v=jF2e...
creators.spotify.com/pod/profile/...
@nerdy.dev can tell you more than most!
www.youtube.com/watch?v=jF2e...
creators.spotify.com/pod/profile/...
August 27, 2025 at 5:14 PM
😆 maybe "yolo" should be (another) CSS unit:
width: 1yolo;
height: .5yolo;
font-size: .875yolo;
width: 1yolo;
height: .5yolo;
font-size: .875yolo;
Interesting. I remember being a huge deal when it came out but I’m still searching for a use case.
August 24, 2025 at 12:17 AM
Interesting. I remember being a huge deal when it came out but I’m still searching for a use case.
I can’t for the life of me find a useful example of when to use it
August 23, 2025 at 11:26 PM
I can’t for the life of me find a useful example of when to use it
Does anyone use subgrid?
August 20, 2025 at 1:02 PM
Does anyone use subgrid?
Scott Bakula Jonathan Archer GIF
ALT: Scott Bakula Jonathan Archer GIF
media.tenor.com
August 15, 2025 at 2:41 PM