@hypeddev
Account based inUnited Kingdom
About this account
- Account based in
- United Kingdom
- Connected via
- United Kingdom App Store
Account-level information from X, not a live location or the device used for a specific post.
I tweet about UX, web design and new CSS/HTML/frontend web stuff.
London, England 🇬🇧
Joined June 2021
- Tweets1.8K
- Following79
- Followers716
- Likes23.2K
Pinned Tweet
I raised one last proposal for Interop 2027
CSS gap decorations for grid, flexbox and multi-column layouts.
github.com/web-platform-test…
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-test…
Ollie Williams retweeted
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:
nitter.cf/webstandardsdev/status…
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/opaqu…
ALT Title “Using the OpaqueRange API with the CSS Custom Highlight API” with parts of it highlighted in pink and green, the author’s photo, three code blocks, and “olliewilliams.xyz”.
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/c…
Ollie Williams retweeted
Please vote for Element.moveBefore for Interop 2027 🙏
github.com/web-platform-test…
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-test…
Speculation Rules API
github.com/web-platform-test…
flex-wrap: balance
github.com/web-platform-test…
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/pull/…
Shipped back in Chrome/Edge 150 developer.chrome.com/release…
Both Chrome and Firefox have moved to a two week release cycle. There will be three Firefox releases this month! whattrainisitnow.com/calenda…
developer.chrome.com/blog/ch…
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/releas…
“Persistent widgets are embedded browsing contexts, like iframes, but they can persist across same-origin navigations without reloading.”
groups.google.com/a/chromium…
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.
The OpaqueRange API is now available in Edge and Chrome olliewilliams.xyz/blog/opaqu…
Declarative out-of-order streaming is now officially part of the HTML spec.
github.com/whatwg/html/pull/…
Shipped back in Chrome/Edge 150 developer.chrome.com/release…
“What if server-side rendering did not need JavaScript on the server”
microsoft.github.io/webui/gu…
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/declarative-…
Chrome is prototyping HTML includes
github.com/WICG/declarative-…