Pinned Tweet
I raised one last proposal for Interop 2027

CSS gap decorations for grid, flexbox and multi-column layouts.

github.com/web-platform-t…
Please vote (via šŸ‘) for the features you’d like to see browsers prioritise in Interop 2027. These are the features I’ve raised:

CSS Linked Parameters for styling SVG

github.com/web-platform-t…
0
0
1
435
Ollie Williams retweeted
Replying to @sebastienlorber
Afaik the original demo uses
<pre contenteditable="plaintext-only"> + Range + CSS Custom Highlights

But we can now syntax-highlight <textarea> + <input> too, using OpaqueRange

Check @hypeddev article for more details here:

x.com/webstandardsde…
Highlighting a range of text inside a form field. @hypeddev shows how OpaqueRange brings the CSS Custom Highlight API to form controls: call createValueRange() and style the result with ::highlight(). Chromium 152 only for now. #chrome #js

olliewilliams.xyz/blog/opaqueran…
1
1
10
3,462
Ollie Williams retweeted
This is a great article. I've always been sus about the hype around JPEG XL, as it never stacked up when I actually tested it with web use-cases.

giannirosato.com/blog/post/case…
9
8
93
13,711
Ollie Williams retweeted
263
530
5,321
3,248,452
Ollie Williams retweeted
Please vote for Element.moveBefore for Interop 2027 šŸ™

github.com/web-platform-t…
šŸ‘€ React <ViewTransition> + DOM moveBefore()

- moveBefore() now allows React to preserve state during siblings reconciliation (experimental channel)

- you can animate those stateful elements with <ViewTransition>

Quite cool 😁
4
6
116
14,154
Please vote (via šŸ‘) for the features you’d like to see browsers prioritise in Interop 2027. These are the features I’ve raised:

CSS Linked Parameters for styling SVG

github.com/web-platform-t…
1
3
12
5,294
Replying to @hypeddev
Speculation Rules API

github.com/web-platform-t…
1
0
0
138
Replying to @hypeddev
0
0
0
100
Ollie Williams retweeted
šŸ‘€ Out-of-order streaming - Now in the HTML spec šŸŽ‰

Positive positions from browsers, already in Chrome
Declarative out-of-order streaming is now officially part of the HTML spec.

github.com/whatwg/html/pu…

Shipped back in Chrome/Edge 150 developer.chrome.com/release-notes/…
18
54
484
106,686
Both Chrome and Firefox have moved to a two week release cycle. There will be three Firefox releases this month! whattrainisitnow.com/calendar/

developer.chrome.com/blog/chrome-tw…
0
1
8
619
Safari Technology Preview has added support for intercepting a navigation with a precommit handler, part of the Navigation API that already shipped in Firefox and Chrome/Edge. Hopefully frontend routers will finally start adopting this API.
webkit.org/blog/18194/rel…
0
1
11
1,394
ā€œPersistent widgets are embedded browsing contexts, like iframes, but they can persist across same-origin navigations without reloading.ā€

groups.google.com/a/chromium.org…
0
0
2
287
Ollie Williams retweeted
It's amazing to me that GitHub has rewritten itself as a React app, but now the only way to get the number of open issues and PRs to update is to hard-reload the page.
38
28
1,121
71,457
The OpaqueRange API is now available in Edge and Chrome olliewilliams.xyz/blog/opaqueran…
0
0
3
219
Declarative out-of-order streaming is now officially part of the HTML spec.

github.com/whatwg/html/pu…

Shipped back in Chrome/Edge 150 developer.chrome.com/release-notes/…
0
17
98
53,069
ā€œWhat if server-side rendering did not need JavaScript on the serverā€

microsoft.github.io/webui/guide/wh…
3
5
25
3,571
Chrome has added the ability to determine whether an event was triggered by a CSS pseudo element
2
4
24
1,927
Together with the declarative API, it will also include a way to import HTML in JavaScript:

import fragment from "/partial.html" with { type: "fragment" }
Chrome is prototyping HTML includes

github.com/WICG/declarati…
2
0
10
2,194
Chrome is prototyping HTML includes

github.com/WICG/declarati…
0
3
14
3,262