Ollie Williams
@ollie-williams.bsky.social
📤 104
📥 250
📝 133
Mostly posting about web standards.
reposted by
Ollie Williams
Bramus
8 days ago
CSS Excitement! > RESOLVED: Add `color-scheme()` test to both `@container` queries and `if()`.
github.com/w3c/csswg-dr...
This means you can do a light-dark() that works with any type of value 🤩🤩 ``` background-image: if(color-scheme(dark): url(dark.svg); else: url(light.svg)); ```
loading . . .
[css-values-5] Using `if()` to do dark/light switching of image urls. · Issue #10577 · w3c/csswg-drafts
Please forgive me if this one's a bit vague as I'm adding an issue here at Chris Lilley's request, and I'm not familiar with the process too much. There are times when I need to swap the background...
https://github.com/w3c/csswg-drafts/issues/10577#issuecomment-3329616811
2
30
5
reposted by
Ollie Williams
Jason Williams
8 days ago
This is huge, Temporal is on its way, its been a long effort and great to see collaboration on a centralized Rust library including V8 who have never integrated Rust before now! Shout out to everyone who has been involved. Much more info in the blog post!
add a skeleton here at some point
0
32
6
reposted by
Ollie Williams
Kriszti Z.
about 1 month ago
2
30
11
l have a blog again. New post.
olliewilliams.xyz/blog/html-re...
loading . . .
Frontend complexity and the HTML renaissance
Why I'm rooting for HTML.
https://olliewilliams.xyz/blog/html-renaissance/
12 days ago
1
6
3
reposted by
Ollie Williams
Matthew Phillips
13 days ago
The Perils of Reactivity
outbox.matthewphillips.info/archive/peri...
loading . . .
The Perils of Reactivity
https://outbox.matthewphillips.info/archive/perils-of-reactivity
5
23
3
reposted by
Ollie Williams
Justin Fagnani
16 days ago
📰 Firefox just landed support for native CSS Modules! 🥳 Here's Firefox Nightly with layout.css.module-scripts.enabled running a Codepen that uses standard CSS modules.
codepen.io/justinfagnan...
* *updated from
@chriscoyier.net
's original That makes Chrome & Firefox w/ support. Next up Safari 🙏
4
49
14
reposted by
Ollie Williams
Jen Simmons
17 days ago
Safari 26 is here!!! Anchor Positioning, Scroll-driven animations, High Dynamic Range images, the new HTML <model> element, the all-new Digital Credentials API, SVG icon support, WebGPU, WebKit in SwiftUI, every site can be a web app on iOS and iPadOS, and much more.
webkit.org/blog/17333/w...
loading . . .
WebKit Features in Safari 26.0
We’re happy to share with you what’s arriving in Safari 26.0!
https://webkit.org/blog/17333/webkit-features-in-safari-26-0/
7
141
33
Lots of goods suggestions for Interop 2026. I’d particularly like to be able to use font-family: ui-rounded
github.com/web-platform...
loading . . .
CSS `ui-* font family` · Issue #1050 · web-platform-tests/interop
Description The CSS ui-* font family is used for the variants of the system’s user interface, allowing developers to lean on the platform’s native UI fonts (serif, sans-serif, monospace, rounded) s...
https://github.com/web-platform-tests/interop/issues/1050
18 days ago
0
1
1
Is there a way to generate a new random value using the random() CSS function without reloading the page?
18 days ago
0
0
0
Design Tokens standard is approaching v1.0
www.w3.org/community/de...
loading . . .
Request For Comments: new Resolver specification, groups & Aliases updates | Design Tokens Community Group
https://www.w3.org/community/design-tokens/2025/09/12/request-for-comments-new-resolver-specification-groups-aliases-updates/
20 days ago
0
0
0
reposted by
Ollie Williams
Brecht De Ruyte
20 days ago
🚀The new CSS sibling-index() and sibling-count() functions let us create staggered animations, dynamic color palettes, and even complex circular layouts with ease. I wrote about my first experiments with these fantastic new CSS additions. So much fun! ♥️ ✨
#CSS
utilitybend.com/blog/styling...
loading . . .
Styling siblings with CSS has never been easier. Experimenting with sibling-count and sibling-index | utilitybend
Ready to spice up your CSS? This article dives into the new sibling-count() and sibling-index() functions, showing you how they can simplify your styling and create cool effects.
https://utilitybend.com/blog/styling-siblings-with-CSS-has-never-been-easier.-Experimenting-with-sibling-count-and-sibling-index
1
130
28
Pretty sure Chrome is using an AI bot for their tweets 😔. AI will happily hallucinate/lie about the contents of release notes.
add a skeleton here at some point
22 days ago
0
3
0
reposted by
Ollie Williams
James
23 days ago
some thoughts about the bloat introduced by edge-case first libraries
loading . . .
The bloat of edge-case first libraries
How building edge-case first led to bloated, overly-granular libraries and what we can do about it
https://43081j.com/2025/09/bloat-of-edge-case-libraries
12
133
57
reposted by
Ollie Williams
MDN Web Docs
23 days ago
📣 Web devs — we need your input! We're running a short survey (1–2 min) to understand interest in using ReadableStream as a request body in the Fetch API. Help us guide implementation priorities, especially around support & use cases. Fill it up! 👇
survey.alchemer.com/s3/8460326/...
loading . . .
https://survey.alchemer.com/s3/8460326/Fetch-Request-Streaming
0
15
3
reposted by
Ollie Williams
Alexander Lichter
24 days ago
While Rolldown can still emit CJS, the bundler itself is ESM-only now! Time to move to ESM-only for your packages as well? 👀
add a skeleton here at some point
1
19
5
Surprising data from the Web Almanac: despite the existence of animated WebP and animated AVIF, usage of .gif files increased over the previous 2 years
almanac.httparchive.org/en/2024/media
Animated AVIF still has issues
github.com/web-platform...
25 days ago
0
0
0
Please 👍 the proposals I have suggested for inclusion in Interop 2026
github.com/web-platform...
I wanted to suggest the Sanitizer API but it is still an “Unofficial Draft” (after several years) so sadly ineligible. Implementation is ongoing in Firefox and Chrome…
wicg.github.io/sanitizer-api/
loading . . .
HTML Sanitizer API
https://wicg.github.io/sanitizer-api/
28 days ago
0
1
0
reposted by
Ollie Williams
Noam Rosenthal
29 days ago
What if some client-side browsing features were part of the web platform? Direct CSS reflection of URL state, snappy pending/optimistic UI, URL-to-scroll-snap binding, and some basic same-document navigation use cases, with JS being only an option.
github.com/WICG/declara...
Inviting feedback!
loading . . .
https://github.com/WICG/declarative-partial-updates/blob/main/route-matching-explainer.md
9
40
18
reposted by
Ollie Williams
Andy Wingo
29 days ago
thanks for having me on!! for people interested in a more polished prose take, do take a look at the companion article over at
queue.acm.org/detail.cfm?i...
loading . . .
WebAssembly: Yes, but for What? - ACM Queue
https://queue.acm.org/detail.cfm?id=3746171check
1
6
2
reposted by
Ollie Williams
Jake Archibald
29 days ago
Hey folks! Are you interested in fetch upload streams? If so, what do you want to use them for?
10
30
3
reposted by
Ollie Williams
Josh Tumath
about 1 month ago
I've created a proposal for a new CSS style query or pseudo-class that gets the current 'used color scheme'. "But don't we already have @media (prefers-color-scheme)?" Yes, but authors can override the color scheme and the media query can't know that.
github.com/w3c/csswg-dr...
loading . . .
[css-conditional][selectors] A way to set styles according to the used color scheme · Issue #12681 · w3c/csswg-drafts
Problem We can use @media (prefers-color-scheme) to set styles according to the user's preferred colour scheme. We can use the light-dark() colour function to set a colour value according to the us...
https://github.com/w3c/csswg-drafts/issues/12681
2
3
1
reposted by
Ollie Williams
rich harris
about 1 month ago
I keep giving LLMs a chance to impress me, whenever I encounter a boring task that they should be good at, and they keep shitting the bed. Not like 'this was too hard a problem for fancy autocomplete' shitting the bed, like 'randomly deleting swathes of code' shitting the bed
32
240
20
reposted by
Ollie Williams
Una Kravets
about 1 month ago
Hi all 👋 We're gearing up for 2026 planning soon (UI capabilities and Interop) Do you work on a UI library or framework? I want to hear from you and your experiences/needs. Message me!
14
56
19
Mac Pro is such an uncared for device on Apple’s part. All Apple products support AV1 video decoding except: the cheap base model iPad and the Mac Pro. Even the budget iPhone 16e supports AV1 decode. Starting price still £7,199
about 1 month ago
0
1
0
reposted by
Ollie Williams
Philip Jägenstedt
about 1 month ago
We're exploring streaming HTML into an element in
github.com/WICG/declara...
but you can already emulate it with some JS that feeds a parser of a detached document and moves elements as they appear. cc
@nomster.bsky.social
loading . . .
https://github.com/WICG/declarative-partial-updates/blob/main/patching-explainer.md
1
8
3
reposted by
Ollie Williams
Luke
about 1 month ago
Just got command buttons enabled in stable on WebKit trunk! Firefox recently sent out an intent-to-ship so hopefully by early next year they'll be available across the board.
3
28
10
reposted by
Ollie Williams
IntentToShip
about 1 month ago
Gecko: Intent to prototype: CSS Module Scripts
loading . . .
Gecko: Intent to prototype: CSS Module Scripts
Gecko: Intent to prototype: CSS Module Scripts
https://groups.google.com/a/mozilla.org/d/msgid/dev-platform/CAC_Rxa4HFAW8RrQDggbFGtwvtSXUG7J3vQe%3DyPhAEtg0DS8-Sw%40mail.gmail.com
0
19
5
reposted by
Ollie Williams
Bramus
about 1 month ago
👀 “Added support for CSS tree-counting functions”
webkit.org/blog/17282/r...
That’s `sibling-count()` and `sibling-index()` functions!
2
22
1
reposted by
Ollie Williams
Mia (online)
about 1 month ago
Big CSS progress today. Scope v1 issues are all resolved:
github.com/orgs/w3c/pro...
Progress on gamut mapping colors:
github.com/orgs/w3c/pro...
Masonry will get a unique `display` value from grid. Name TBD:
github.com/w3c/csswg-dr...
loading . . .
Cascade 6 (Scope) · GitHub
Cascade 6 (Scope)
https://github.com/orgs/w3c/projects/113/views/1
1
27
4
reposted by
Ollie Williams
IntentToShip
about 2 months ago
Gecko: Intent to Ship: Command and CommandFor attributes
loading . . .
Gecko: Intent to Ship: Command and CommandFor attributes
Gecko: Intent to Ship: Command and CommandFor attributes
https://groups.google.com/a/mozilla.org/d/msgid/dev-platform/efebc223-5887-44b5-beec-41afafa979c0%40app.fastmail.com
1
18
9
reposted by
Ollie Williams
Nilesh Prajapati
about 2 months ago
#CSS
[css-anchor-position] applying custom transform-origin and translate per position-try option
loading . . .
[css-anchor-position] applying custom transform-origin and translate per position-try option · Issue #11666 · w3c/csswg-drafts
When adding animations to elements making use of anchor positioning, it would be useful to be able to change the transform-origin and translate depending on the position of the anchor. This would b...
https://github.com/w3c/csswg-drafts/issues/11666
0
0
1
If your using field-sizing: content but want to control the initial size of the input, turns out its pretty complicated? width: max(calc-size(fit-content, size), 100px); Someone let me know if there's an simpler approach...
about 2 months ago
3
2
2
Today GitHub Copilot told me some wrong information and invented quotes from some reference links to prove it was correct. I’m not investing time into AI until these hallucinations become less constant.
about 2 months ago
0
3
0
reposted by
Ollie Williams
Jen Simmons
about 2 months ago
Have you had a chance to read about `item-flow` and CSS Masonry?
webkit.org/blog/17219/i...
What do you think about the two open questions? We need feedback from the people who make websites…
loading . . .
Item Flow – Part 2: next steps for Masonry
Back in March, we published Item Flow, Part 1: a new unified concept for layout, an article about a new idea for unifying flex-flow and grid-auto-flow into a single set of properties under a new item-...
https://webkit.org/blog/17219/item-flow-part-2-next-steps-for-masonry/
4
33
7
Does <input type="color" colorspace="display-p3"> actually work? It seems like it's still constrained to sRGB? What even is a Display P3 Hex colour? That's just confusing.
about 2 months ago
0
0
0
reposted by
Ollie Williams
Justin Fagnani
about 2 months ago
It's always a kick to be reminded that much of Firefox's UI is built with
@lit.dev
.
add a skeleton here at some point
1
17
4
🆒
github.com/whatwg/html/...
loading . . .
A way to stream content into an element · Issue #2142 · whatwg/html
Use-case: I work on a news site and I want to create visual transitions between articles, but I don't want to lose the benefits of streaming. So: User clicks on link Create a new article element to...
https://github.com/whatwg/html/issues/2142#issuecomment-3163420231
about 2 months ago
0
0
0
reposted by
Ollie Williams
Nilesh Prajapati
about 2 months ago
Chrome 140 beta
loading . . .
Chrome 140 beta | Blog | Chrome for Developers
Discover the features that are coming to Chrome in the latest beta release.
https://developer.chrome.com/blog/chrome-140-beta
0
1
1
reposted by
Ollie Williams
Nick Nisi
about 2 months ago
I loved using the pipe operator (|>) in Hack at Meta and am excited to see it coming to PHP. Maybe one day it can be piped to JS, too!
thephp.foundation/blog/2025/07...
loading . . .
PHP 8.5 Adds Pipe Operator: What it means
The PHP Foundation — Supporting, Advancing, and Developing the PHP Language
https://thephp.foundation/blog/2025/07/11/php-85-adds-pipe-operator/
1
6
2
@bram.us
Chrome release notes seem to be wrong, font-width isn't actually supported yet.
developer.chrome.com/release-note...
loading . . .
Chrome 139 | Release notes | Chrome for Developers
Squircles and custom functions come to CSS, and on-device speech recognition to the Web Speech API.
https://developer.chrome.com/release-notes/139
about 2 months ago
1
0
0
reposted by
Ollie Williams
Justin Fagnani
about 2 months ago
I'm *very* excited about this! And now that I'm building apps with
@lit.dev
, I have a chance to try it myself in something other than a demo!
add a skeleton here at some point
1
8
1
Reading through this example of using a CSS style query and wondering what makes a CSS style query superior to just using a class? .success, .danger, .warning, .primary?
about 2 months ago
1
0
0
reposted by
Ollie Williams
James Snell
about 2 months ago
Got quic in Node.js making progress again now that openssl 3.5 has landed, and finished another chapter in the book. Productive weekend.
github.com/nodejs/node/...
loading . . .
quic: continuing work on impl using openssl 3.5 by jasnell · Pull Request #59342 · nodejs/node
More work on the implementation
https://github.com/nodejs/node/pull/59342
0
24
3
reposted by
Ollie Williams
Corbin Crutchley
about 2 months ago
Boom, much to
@justinfagnani.com
's delight (I assume :P) we have much more docs on the
@tanstack.com
Form Lit adapter as well as better examples:
tanstack.com/form/latest/...
loading . . .
Form and Field Validation | TanStack Form Lit Docs
At the core of TanStack Form's functionalities is the concept of validation. TanStack Form makes validation highly customizable: You can control when to perform the validation (on change, on input, on...
https://tanstack.com/form/latest/docs/framework/lit/guides/validation
2
18
5
I don't have an Android phone but it looks like Android 16 is using a rounded font in the OS UI. I wish Chrome would implement ui-rounded in CSS so we could use it on the web...
2 months ago
0
0
0
The CSS property font-width works in Safari. It’s an alternative name/alias for the horribly named font-stretch property
2 months ago
0
2
0
reposted by
Ollie Williams
Dominik 🔮
2 months ago
Had no idea this was happening 🤯
tanstack.com/stats/npm?pa...
3
42
8
reposted by
Ollie Williams
Alem Tuzlak
2 months ago
I've been invited by the wonderful
@tanstack.com
team to help them build out framework-agnostic devtools not for only them, but for everyone! Here's a sneek peak of TanStack router, query, and
@prisma.io
embedded studio running in @tanstack/devtools
loading . . .
1
37
5
Setting CSS ::selection via relative colors
codepen.io/cssgrid/pen/...
loading . . .
relative color ::selection
...
https://codepen.io/cssgrid/pen/jEbVdGJ
2 months ago
0
1
0
reposted by
Ollie Williams
Brian Kardell
2 months ago
👀 new url at WHATWG
cookiestore.spec.whatwg.org
loading . . .
Cookie Store API Standard
https://cookiestore.spec.whatwg.org/
0
14
5
Load more
feeds!
log in