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

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

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

gridlanes.webkit.org

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

webkit.org

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

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

Release Notes for Safari Technology Preview 238

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

webkit.org

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

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

📝 Algorithmic hover states with contrast-color() - Taking some cool new features for a spin. daverupert.com/2026/01/algo...

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

Introducing CSS Grid Lanes

It’s here!

webkit.org

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

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

Fred Crozatier@handle.invalid · 10mo ago

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 😇

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

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)

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

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 has been in Safari since last year in version 18.2!

Amit Sheen@amitsheen.bsky.social · last yr.

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

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

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

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

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.

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

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

Form control styling - Tim Nguyen - CSS Day 2025

YouTube video by Web Conferences Amsterdam

youtube.com

Thank you Google AI overviews for being so useful <3

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.

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.

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

Safari 26 beta! webkit.org/blog/16993/n...

News from WWDC25: WebKit in Safari 26 beta

Welcome to WWDC25!

webkit.org

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/