Reposted by Tim Nguyen
Have you been wishing masonry layouts would just hurry up and arrive in CSS?? Well, happy holidays!
webkit.org/blog/17660/i...
webkit.org/blog/17660/i...
Introducing CSS Grid Lanes
It’s here!
webkit.org
December 19, 2025 at 9:33 PM
Have you been wishing masonry layouts would just hurry up and arrive in CSS?? Well, happy holidays!
webkit.org/blog/17660/i...
webkit.org/blog/17660/i...
Reposted by Tim Nguyen
More holiday cheer. For those of you asking about Safari’s “stable” Interop 2025 score…
December 20, 2025 at 1:19 AM
More holiday cheer. For those of you asking about Safari’s “stable” Interop 2025 score…
Reposted by Tim Nguyen
CSS `random()`, now in Safari 26.2.
Play around with it while waiting for other browsers to ship.
Play around with it while waiting for other browsers to ship.
Wasn't expecting how much fun random() is, it really opens up a ton of pure CSS creative possibilities.
Now you need custom functions, which combined with random() will enable all sorts of distributions, Perlin noise and more 😇
Now you need custom functions, which combined with random() will enable all sorts of distributions, Perlin noise and more 😇
December 16, 2025 at 5:36 PM
CSS `random()`, now in Safari 26.2.
Play around with it while waiting for other browsers to ship.
Play around with it while waiting for other browsers to ship.
Reposted by Tim Nguyen
Safari 26.2 is here with 65 features + 165 bug fixes — including field-sizing, Navigation API, Largest Contentful Paint, command & commandfor, CHIPS opt-in partitioned cookies, scrollend event, random(), WebGPU in WebXR, scrollbar-color, hidden=until-found and much more! webkit.org/blog/17640/w...
WebKit Features for Safari 26.2
Safari 26.2 is a big release.
webkit.org
December 12, 2025 at 6:44 PM
Safari 26.2 is here with 65 features + 165 bug fixes — including field-sizing, Navigation API, Largest Contentful Paint, command & commandfor, CHIPS opt-in partitioned cookies, scrollend event, random(), WebGPU in WebXR, scrollbar-color, hidden=until-found and much more! webkit.org/blog/17640/w...
Reposted by Tim Nguyen
I think `animation-composition: accumulate` is gonna see more action with `random()`, as it's like "take what you already got as a value and augment it rather than replace it".
Here's a parallax thing where randomly-fixed-positioned stars are moved different amounts (with a scroll-driven animation)
Here's a parallax thing where randomly-fixed-positioned stars are moved different amounts (with a scroll-driven animation)
November 14, 2025 at 4:22 PM
I think `animation-composition: accumulate` is gonna see more action with `random()`, as it's like "take what you already got as a value and augment it rather than replace it".
Here's a parallax thing where randomly-fixed-positioned stars are moved different amounts (with a scroll-driven animation)
Here's a parallax thing where randomly-fixed-positioned stars are moved different amounts (with a scroll-driven animation)
Reposted by Tim Nguyen
The Mamdani political sign generator is kinda fun https://homes.luddy.indiana.edu/ccshan/for/for.html
November 8, 2025 at 3:06 PM
The Mamdani political sign generator is kinda fun https://homes.luddy.indiana.edu/ccshan/for/for.html
Reposted by Tim Nguyen
Type-X is back! Easily test your fonts on *any* website with this Chrome extension.
This was originally published about 5 years ago, but stopped working due to browser evolution. Now it's fixed, updated and ready to go!
github.com/arrowtype/ty...
This was originally published about 5 years ago, but stopped working due to browser evolution. Now it's fixed, updated and ready to go!
github.com/arrowtype/ty...
October 22, 2025 at 2:30 PM
Type-X is back! Easily test your fonts on *any* website with this Chrome extension.
This was originally published about 5 years ago, but stopped working due to browser evolution. Now it's fixed, updated and ready to go!
github.com/arrowtype/ty...
This was originally published about 5 years ago, but stopped working due to browser evolution. Now it's fixed, updated and ready to go!
github.com/arrowtype/ty...
This has been in Safari since last year in version 18.2!
✨ New article ✨
Are we at the start of a new era?
Chrome 140 introduced CSS Typed Arithmetic. It might seem like a minor change, but I believe it's huge as it opens the door to countless new possibilities and a whole new era of Computational CSS.
What do you think?
css-tricks.com/css-typed-ar...
Are we at the start of a new era?
Chrome 140 introduced CSS Typed Arithmetic. It might seem like a minor change, but I believe it's huge as it opens the door to countless new possibilities and a whole new era of Computational CSS.
What do you think?
css-tricks.com/css-typed-ar...
September 27, 2025 at 12:20 AM
This has been in Safari since last year in version 18.2!
Reposted by Tim Nguyen
There's something bothering me about engineering promotions. We assume good coders automatically make good leaders. Spoiler: it doesn't work that way.
medium.com/@gemma.croad...
medium.com/@gemma.croad...
The promotion problem in engineering
Why technical excellence doesn’t automatically make someone a good leader, and what happens when we pretend it does
medium.com
September 16, 2025 at 5:06 AM
There's something bothering me about engineering promotions. We assume good coders automatically make good leaders. Spoiler: it doesn't work that way.
medium.com/@gemma.croad...
medium.com/@gemma.croad...
Randomness in CSS!! Please try it out and give us some feedback: webkit.org/blog/17285/r... :)
Rolling the Dice with CSS random()
Random functions in programming languages are amazing.
webkit.org
August 21, 2025 at 10:04 PM
Randomness in CSS!! Please try it out and give us some feedback: webkit.org/blog/17285/r... :)
Reposted by Tim Nguyen
I love CSS folks. They are soldiers of joy and delight. The world is burning and AI debates have people at each others throats and CSS peeps keep being like “check out this dancing turtle I made out of divs 🥰”
July 22, 2025 at 7:22 PM
I love CSS folks. They are soldiers of joy and delight. The world is burning and AI debates have people at each others throats and CSS peeps keep being like “check out this dancing turtle I made out of divs 🥰”
If you're having a bad day, you can search for "soruce" on Github and on your favorite open source projects.
July 18, 2025 at 7:44 AM
If you're having a bad day, you can search for "soruce" on Github and on your favorite open source projects.
Reposted by Tim Nguyen
📺 Video of my talk at CSS Day is up! It covers how to reduce climate impact at work (if you work in tech)
you can watch it on Conffab, courtesy of @johnfallsopp.com conffab.com/presentation...
you can watch it on Conffab, courtesy of @johnfallsopp.com conffab.com/presentation...
July 11, 2025 at 7:39 AM
📺 Video of my talk at CSS Day is up! It covers how to reduce climate impact at work (if you work in tech)
you can watch it on Conffab, courtesy of @johnfallsopp.com conffab.com/presentation...
you can watch it on Conffab, courtesy of @johnfallsopp.com conffab.com/presentation...
Reposted by Tim Nguyen
If you code websites, then you KNOW how it’s been to style form controls.
Watch this #cssday talk from @ntim.bsky.social to learn why it’s been so hard, and how we are going to fix it for the future.
www.youtube.com/watch?v=WgSi...
#css #webdev #formcontrols
Watch this #cssday talk from @ntim.bsky.social to learn why it’s been so hard, and how we are going to fix it for the future.
www.youtube.com/watch?v=WgSi...
#css #webdev #formcontrols
Form control styling - Tim Nguyen - CSS Day 2025
YouTube video by Web Conferences Amsterdam
www.youtube.com
July 1, 2025 at 4:54 PM
If you code websites, then you KNOW how it’s been to style form controls.
Watch this #cssday talk from @ntim.bsky.social to learn why it’s been so hard, and how we are going to fix it for the future.
www.youtube.com/watch?v=WgSi...
#css #webdev #formcontrols
Watch this #cssday talk from @ntim.bsky.social to learn why it’s been so hard, and how we are going to fix it for the future.
www.youtube.com/watch?v=WgSi...
#css #webdev #formcontrols
Thank you Google AI overviews for being so useful <3
June 23, 2025 at 7:17 AM
Thank you Google AI overviews for being so useful <3
Reposted by Tim Nguyen
The CSS Day 2025 photos are up at cssday.nl/2025/pix/pho...
The interface is still a bit basic, but the photos are there for your downloading pleasure, especially if you had a team photo taken.
The interface is still a bit basic, but the photos are there for your downloading pleasure, especially if you had a team photo taken.
June 13, 2025 at 2:47 PM
The CSS Day 2025 photos are up at cssday.nl/2025/pix/pho...
The interface is still a bit basic, but the photos are there for your downloading pleasure, especially if you had a team photo taken.
The interface is still a bit basic, but the photos are there for your downloading pleasure, especially if you had a team photo taken.
Reposted by Tim Nguyen
I love #CSSDay. It brings together so many of the CSS Working Group to share talks on the newest CSS features being worked on!
If it wasn't for this conference, I never would have had the encouragement to join the working group last year. A huge privilege to be alongside these incredible people.
If it wasn't for this conference, I never would have had the encouragement to join the working group last year. A huge privilege to be alongside these incredible people.
June 15, 2025 at 9:14 AM
I love #CSSDay. It brings together so many of the CSS Working Group to share talks on the newest CSS features being worked on!
If it wasn't for this conference, I never would have had the encouragement to join the working group last year. A huge privilege to be alongside these incredible people.
If it wasn't for this conference, I never would have had the encouragement to join the working group last year. A huge privilege to be alongside these incredible people.
Reposted by Tim Nguyen
June 6, 2025 at 10:38 AM
Reposted by Tim Nguyen
Reposted by Tim Nguyen
Styling HTML form controls is something web designers & developers have wanted for years! My team is working on a solution — apply `appearance: base` and switch to a new interoperable consistent default control. Then override it using new pseudo-elements. See the details: drafts.csswg.org/css-forms/
CSS Form Control Styling Level 1
drafts.csswg.org
March 5, 2025 at 5:41 PM
Styling HTML form controls is something web designers & developers have wanted for years! My team is working on a solution — apply `appearance: base` and switch to a new interoperable consistent default control. Then override it using new pseudo-elements. See the details: drafts.csswg.org/css-forms/