Tim Nguyen's Avatar

Tim Nguyen

@ntim.me

I do stuff for the web

228
Followers
25
Following
19
Posts
06.10.2023
Joined
Posts Following

Latest posts by Tim Nguyen @ntim.me

"OK HERE IS THE CODE." (in all caps). Followed with: "Let me write it."(normally capitalized)

"OK HERE IS THE CODE." (in all caps). Followed with: "Let me write it."(normally capitalized)

when your AI is on the verge of mental breakdown but wants to be helpful

03.03.2026 09:05 πŸ‘ 9 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
Release Notes for Safari Technology Preview 238 Safari Technology Preview Release 238 is now available for download for macOS Tahoe and macOS Sequoia.

Did you see what’s in Safari Technology Preview 238?!
* Customizable <select>
* Scroll anchoring
* The :open pseudo-class
* Threaded animations
* JSPI for WebAssembly

and more β€” including fixes for SVG, tables, WebRTC…

webkit.org/blog/17848/r...

26.02.2026 23:46 πŸ‘ 86 πŸ” 11 πŸ’¬ 5 πŸ“Œ 2

Thanks! The demos work mostly ok on trunk (modulo known bugs). It would be good if the demos used `interpolate-size: allow-keywords` instead of `calc-size()` to have them degrade nicely in browsers that don't support the feature (it's not currently planned on our side).

28.02.2026 00:38 πŸ‘ 3 πŸ” 0 πŸ’¬ 2 πŸ“Œ 0

Thanks for the report! I left a reply on the bug

27.02.2026 18:37 πŸ‘ 4 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

From my understanding, this doesn't address Luke's use case because it doesn't let you style the anchored box or the anchor box. You can only style stuff inside the anchored box based on the anchored state.

19.02.2026 13:46 πŸ‘ 2 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Video thumbnail

πŸ“£ NEW! I’ve just released the BIGGEST and perhaps most creative project I’ve ever worked on!

β€œSearching for Birds” searchingforbirds.visualcinnamon.com 🐀

A project, an article, an exploration that dives into the data that connects humans with birds, by looking at how we search for birds.

12.02.2026 10:02 πŸ‘ 476 πŸ” 176 πŸ’¬ 25 πŸ“Œ 49

can someone make a flixbus in CSS so we can say it uses flixbus layout?

10.02.2026 05:11 πŸ‘ 4 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Algorithmic hover states with contrast-color() Firefox 146 added support for contrast-color() joining Safari 26 in the First Implementor’s Club. For those unfamiliar, contrast-color(<color>) is a new CSS function that will take a <color> as input ...

πŸ“ Algorithmic hover states with contrast-color() - Taking some cool new features for a spin.

daverupert.com/2026/01/algo...

08.01.2026 17:26 πŸ‘ 35 πŸ” 11 πŸ’¬ 1 πŸ“Œ 4
Preview
Introducing CSS Grid Lanes It’s here!

Have you been wishing masonry layouts would just hurry up and arrive in CSS?? Well, happy holidays!

webkit.org/blog/17660/i...

19.12.2025 21:33 πŸ‘ 281 πŸ” 70 πŸ’¬ 12 πŸ“Œ 13
Interop 2025 graph shows Safari jumping from 64 to 98 in one fell swoop, this week. The blue line goes almost straight up, jumping ahead of all the other browsers. And the interop score line goes right with it. 

Overall scores: Chrome 95, Edge 96, Firefox 90, Safari 98.

Interop 2025 graph shows Safari jumping from 64 to 98 in one fell swoop, this week. The blue line goes almost straight up, jumping ahead of all the other browsers. And the interop score line goes right with it. Overall scores: Chrome 95, Edge 96, Firefox 90, Safari 98.

More holiday cheer. For those of you asking about Safari’s β€œstable” Interop 2025 score…

20.12.2025 01:19 πŸ‘ 139 πŸ” 16 πŸ’¬ 7 πŸ“Œ 5

Most recent technologies that are in browsers are W3C drafts. It takes a fair amount of time before those become recommendations (usually 1-2 years after they've shipped in at least one browser).

For random(), Chrome is actively working on implementing the technology.

19.12.2025 00:19 πŸ‘ 2 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
CSS Values and Units Module Level 5

It is a standard fwiw, there is a specification here: drafts.csswg.org/css-values-5...

It's just that no-one has had the time to actually write docs for MDN yet.

18.12.2025 02:15 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Preview
Rolling the Dice with CSS random() Random functions in programming languages are amazing.

There's no docs yet on MDN, you can vote up this issue if you like: github.com/mdn/mdn/issu...

The closest thing to documentation is probably: webkit.org/blog/17285/r...

17.12.2025 14:02 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

CSS `random()`, now in Safari 26.2.

Play around with it while waiting for other browsers to ship.

16.12.2025 17:36 πŸ‘ 19 πŸ” 5 πŸ’¬ 3 πŸ“Œ 0
Preview
WebKit Features for Safari 26.2 Safari 26.2 is a big release.

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...

12.12.2025 18:44 πŸ‘ 197 πŸ” 37 πŸ’¬ 11 πŸ“Œ 16
Video thumbnail

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)

14.11.2025 16:22 πŸ‘ 116 πŸ” 18 πŸ’¬ 5 πŸ“Œ 0
TAXES
FOR BILLIONAIRES

TAXES FOR BILLIONAIRES

FLORIDA
FOR COWARDS
LEAVING NYC

FLORIDA FOR COWARDS LEAVING NYC

The Mamdani political sign generator is kinda fun https://homes.luddy.indiana.edu/ccshan/for/for.html

08.11.2025 15:03 πŸ‘ 3781 πŸ” 925 πŸ’¬ 390 πŸ“Œ 2012
Video thumbnail

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...

22.10.2025 14:30 πŸ‘ 20 πŸ” 6 πŸ’¬ 1 πŸ“Œ 0

This has been in Safari since last year in version 18.2!

27.09.2025 00:20 πŸ‘ 4 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Do you have a link to the website?

18.09.2025 03:54 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

This should be fixed now, please let me know if it still reproduces.

18.09.2025 03:31 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Preview
The promotion problem in engineering Why technical excellence doesn’t automatically make someone a good leader, and what happens when we pretend it does

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...

16.09.2025 05:06 πŸ‘ 1 πŸ” 2 πŸ’¬ 0 πŸ“Œ 0

Thanks for reporting! I've forwarded it to my team members to take a look

12.09.2025 11:41 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
WebKit Bugzilla

Thanks for spotting this! Can you file a bug against bugs.webkit.org ? I can forward it to the relevant folks

09.09.2025 14:53 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
WebKit Bugzilla

Send us a bug report on bugs.webkit.org with your testcase :)

28.08.2025 06:19 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Rolling the Dice with CSS random() Random functions in programming languages are amazing.

Randomness in CSS!! Please try it out and give us some feedback: webkit.org/blog/17285/r... :)

21.08.2025 22:04 πŸ‘ 68 πŸ” 23 πŸ’¬ 4 πŸ“Œ 0

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 πŸ₯°β€

22.07.2025 19:22 πŸ‘ 411 πŸ” 69 πŸ’¬ 10 πŸ“Œ 4

If you're having a bad day, you can search for "soruce" on Github and on your favorite open source projects.

18.07.2025 07:44 πŸ‘ 5 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
me on stage in front of slide that says 'there is only one grid'

me on stage in front of slide that says 'there is only one grid'

slide that says β€œAGI” and that it is a) not well defined, b) not in existence, c) not sure if it can solve global warming

slide that says β€œAGI” and that it is a) not well defined, b) not in existence, c) not sure if it can solve global warming

me in front of slide with screenshot of openai.com, search for global warming, which answered 'it looks like your question goes, emphasis starts, beyond what we can assist with there, emphasis ends.

me in front of slide with screenshot of openai.com, search for global warming, which answered 'it looks like your question goes, emphasis starts, beyond what we can assist with there, emphasis ends.

slide that says 'what adds to the footprint of the www?' answers: A, Data centres; 
Emissions of server hardware (making and running); B, Networks
, Data downloads/uploads' C, Consumer devices: Manufacturing laptops, phones, tablets that access the web

slide that says 'what adds to the footprint of the www?' answers: A, Data centres; 
Emissions of server hardware (making and running); B, Networks
, Data downloads/uploads' C, Consumer devices: Manufacturing laptops, phones, tablets that access the web

πŸ“Ί 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...

11.07.2025 07:38 πŸ‘ 10 πŸ” 3 πŸ’¬ 1 πŸ“Œ 0

Glad you enjoyed it! There are not many resources besides from the specification (drafts.csswg.org/css-forms-1) available at this time.

Stay tuned for more updates, we'll likely write a couple of blog posts over the coming months as things unroll!

08.07.2025 23:20 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0