iiinova — where your digital self keeps evolving

Reposted by Tim Nguyen

Saron Yitbarek @saron.bsky.social · 23/06/2026

Artsy graphic courtesy of image(<color>), supported as of Safari Technology Preview 246. Check out the code: codepen.io/ntim/pen/jEV... Demo by @ntim.me

Four different colored rectangles in a black square

022

Reposted by Tim Nguyen

Jen Simmons @jensimmons.bsky.social · 10/06/2026

Interested in CSS Grid Lanes? We just launched the Field Guide to Grid Lanes! gridlanes.webkit.org It’s got everything you need in a fun interactive playground + tons of demos. (And read about the Field Guide at: webkit.org/blog/18098/i...) #CSSDay #wwdc26 #CSS

gridlanes.webkit.org

The Field Guide to CSS Grid Lanes

Learn Grid Lanes to create masonry layouts in pure CSS. Absorb the possibilities with the Field Guide’s interactive playground. Return to the cheat sheet. Get inspired by six real examples with dozens...

814230

Tim Nguyen @ntim.me · 01/06/2026

Our tracker says the fix was released in Safari 18.

010

Reposted by Tim Nguyen

Jen Simmons @jensimmons.bsky.social · 11/05/2026

Safari 26.5 is here! It includes the :open pseudo-class, the element-scoped keyword for random(), color-interpolation for SVG gradients, the ToggleEvent.source property for popovers, and the Origin API. And a ton of polish and fixes. webkit.org/blog/17938/w...

webkit.org

WebKit Features for Safari 26.5

Safari 26.5 is here, delivering the :open pseudo-class, the element-scoped keyword for random(), color-interpolation for SVG gradients, the ToggleEvent.source property for popovers, and the Origin API...

1010112

Tim Nguyen @ntim.me · 03/03/2026

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

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

0100

Reposted by Tim Nguyen

Jen Simmons @jensimmons.bsky.social · 26/02/2026

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

webkit.org

Release Notes for Safari Technology Preview 238

Safari Technology Preview Release 238 is now available for download for macOS Tahoe and macOS Sequoia.

58611

Tim Nguyen @ntim.me · 28/02/2026

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

230

Tim Nguyen @ntim.me · 27/02/2026

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

140

Tim Nguyen @ntim.me · 19/02/2026

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.

110

Reposted by Tim Nguyen

Nadieh Bremer @nadiehbremer.com · 12/02/2026

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

26503181

Tim Nguyen @ntim.me · 10/02/2026

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

030

Reposted by Tim Nguyen

Jen Simmons @jensimmons.bsky.social · 19/12/2025

Have you been wishing masonry layouts would just hurry up and arrive in CSS?? Well, happy holidays! webkit.org/blog/17660/i...

webkit.org

Introducing CSS Grid Lanes

It’s here!

1128071

Reposted by Tim Nguyen

Jen Simmons @jensimmons.bsky.social · 20/12/2025

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

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.

713816

Tim Nguyen @ntim.me · 19/12/2025

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.

120

Tim Nguyen @ntim.me · 18/12/2025

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.

drafts.csswg.org

CSS Values and Units Module Level 5

110

Tim Nguyen @ntim.me · 17/12/2025

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

webkit.org

Rolling the Dice with CSS random()

Random functions in programming languages are amazing.

100

Reposted by Tim Nguyen

Jen Simmons @jensimmons.bsky.social · 16/12/2025

CSS `random()`, now in Safari 26.2. Play around with it while waiting for other browsers to ship.

3195

Reposted by Tim Nguyen

Jen Simmons @jensimmons.bsky.social · 12/12/2025

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

WebKit Features for Safari 26.2

Safari 26.2 is a big release.

1019537

Reposted by Tim Nguyen

Chris Coyier @chriscoyier.net · 14/11/2025

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)

511618

Reposted by Tim Nguyen

Matthew Haughey @mathowie.xoxo.zone.ap.brid.gy · 08/11/2025

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

3813756917

Reposted by Tim Nguyen

pixelambacht @pixelambacht.bsky.social · 22/10/2025

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

1206

Tim Nguyen @ntim.me · 27/09/2025

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

040

Tim Nguyen @ntim.me · 18/09/2025

Do you have a link to the website?

000

Tim Nguyen @ntim.me · 18/09/2025

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

100

Reposted by Tim Nguyen

Gemma Croad @gemmacroad.bsky.social · 16/09/2025

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

The promotion problem in engineering

Why technical excellence doesn’t automatically make someone a good leader, and what happens when we pretend it does

012

Tim Nguyen @ntim.me · 12/09/2025

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

100

Tim Nguyen @ntim.me · 09/09/2025

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

bugs.webkit.org

WebKit Bugzilla

110

Tim Nguyen @ntim.me · 28/08/2025

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

bugs.webkit.org

WebKit Bugzilla

020

Tim Nguyen @ntim.me · 21/08/2025

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

webkit.org

Rolling the Dice with CSS random()

Random functions in programming languages are amazing.

46823

Reposted by Tim Nguyen

Annie Sexton @anniesexton.com · 22/07/2025

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 🥰”

1040967

Tim Nguyen @ntim.me · 18/07/2025

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

050

Reposted by Tim Nguyen

Hidde @hidde.blog · 11/07/2025

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

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

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

1103

Tim Nguyen @ntim.me · 09/07/2025

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!

010

Reposted by Tim Nguyen

Jen Simmons @jensimmons.bsky.social · 01/07/2025

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

youtube.com

Form control styling - Tim Nguyen - CSS Day 2025

YouTube video by Web Conferences Amsterdam

19326

Tim Nguyen @ntim.me · 23/06/2025

Thank you Google AI overviews for being so useful <3

Google AI overview saying nonsense:

No, Xcode 26 cannot be used on macOS 15.5. Xcode 26 specifically requires macOS Sequoia 15.4 or later. macOS 15.5 is not supported.
Here's why:
* Xcode 26 requires macOS Sequoia 15.4 or later:
The official Xcode 26 release notes clearly state this requirement.
* macOS 15.5 is not supported by Xcode 26:
While Xcode 26 supports macOS Sequoia, it does not support all versions of it. Specifically, it requires 15.4 or later.
* Older Xcode versions may work on newer macOS:
It's possible to run older versions of Xcode (like 15.4) on macOS Sequoia 15.5, but this might not be ideal for development with the latest features and SDKs.
* Downloading older Xcode versions:
If you need to use an older Xcode version for compatibility reasons, you can download it from the Apple Developer Center.

020

Reposted by Tim Nguyen

CSS Day @cssday.nl · 13/06/2025

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.

0104

Reposted by Tim Nguyen

Josh Tumath @joshtumath.uk · 15/06/2025

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.

Members of the CSSWG doing a funny pose together on stage. Roma, Tim, me, Hidde, Miriam, Bramus, Una, Adam and Rachel.

2303

Reposted by Tim Nguyen

Artem Pendiurin @erblack.me · 06/06/2025

A #sketchnotes for the talk "Form control styling" by @ntim.bsky.social at the @cssday.nl #cssday

0196

Tim Nguyen @ntim.me · 08/06/2025

Thanks, hope to see you again soon! The two other folks were Kevin Letchford and Zuza Gronska :)

000

Reposted by Tim Nguyen

Jen Simmons @jensimmons.bsky.social · 05/03/2025

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/

drafts.csswg.org

CSS Form Control Styling Level 1

411321