"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
"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
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...
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).
Thanks for the report! I left a reply on the bug
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.
π£ 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...
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β¦
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.
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.
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...
CSS `random()`, now in Safari 26.2.
Play around with it while waiting for other browsers to ship.
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...
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)
TAXES FOR BILLIONAIRES
FLORIDA FOR COWARDS LEAVING NYC
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!
Do you have a link to the website?
This should be fixed now, please let me know if it still reproduces.
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...
Thanks for reporting! I've forwarded it to my team members to take a look
Thanks for spotting this! Can you file a bug against bugs.webkit.org ? I can forward it to the relevant folks
Send us a bug report on bugs.webkit.org with your testcase :)
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.
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
πΊ 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...
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!