Benoit C. 🤓
@bcharbonnier.bsky.social
Reposted by Benoit C. 🤓
Type Stripping in Node is enabled by default and declared stable as of Node v25.2.
Just run: node index.ts
It is uses the code location-preserving transform demonstrated by ts-blank-space. This means sourcemaps are optional.
bloomberg.github.io/ts-blank-spa...
Just run: node index.ts
It is uses the code location-preserving transform demonstrated by ts-blank-space. This means sourcemaps are optional.
bloomberg.github.io/ts-blank-spa...
ts-blank-space
A small, fast, pure JavaScript type-stripper that uses the official TypeScript parser.
bloomberg.github.io
November 24, 2025 at 9:20 AM
Type Stripping in Node is enabled by default and declared stable as of Node v25.2.
Just run: node index.ts
It is uses the code location-preserving transform demonstrated by ts-blank-space. This means sourcemaps are optional.
bloomberg.github.io/ts-blank-spa...
Just run: node index.ts
It is uses the code location-preserving transform demonstrated by ts-blank-space. This means sourcemaps are optional.
bloomberg.github.io/ts-blank-spa...
Reposted by Benoit C. 🤓
On the Edge team, we think web apps should be easier to install.
The default browser install button is great, but we'd like something which you can use on your own site, how and when you want it.
That's why we're proposing the Web Install API, which you can now test!
The default browser install button is great, but we'd like something which you can use on your own site, how and when you want it.
That's why we're proposing the Web Install API, which you can now test!
The Web Install API is ready for testing
We're happy to announce that the Web Install API is now ready for testing on your own site, as an origin trial in Microsoft E
blogs.windows.com
November 24, 2025 at 5:02 PM
On the Edge team, we think web apps should be easier to install.
The default browser install button is great, but we'd like something which you can use on your own site, how and when you want it.
That's why we're proposing the Web Install API, which you can now test!
The default browser install button is great, but we'd like something which you can use on your own site, how and when you want it.
That's why we're proposing the Web Install API, which you can now test!
Reposted by Benoit C. 🤓
Nowadays, we can do better:
```
box-shadow: 0 1px 2px
rgb(from currentcolor r g b/ .65)
```
Cross-browser since September 2024.
#tinyCSStip #CSS
```
box-shadow: 0 1px 2px
rgb(from currentcolor r g b/ .65)
```
Cross-browser since September 2024.
#tinyCSStip #CSS
#tinyCSStip
Want the shadow of an element or some other visual to be a semitransparent version of the `currentColor`?
Use `color-mix()`!
Cross-browser, btw. 😼
Want the shadow of an element or some other visual to be a semitransparent version of the `currentColor`?
Use `color-mix()`!
Cross-browser, btw. 😼
November 22, 2025 at 3:24 PM
Nowadays, we can do better:
```
box-shadow: 0 1px 2px
rgb(from currentcolor r g b/ .65)
```
Cross-browser since September 2024.
#tinyCSStip #CSS
```
box-shadow: 0 1px 2px
rgb(from currentcolor r g b/ .65)
```
Cross-browser since September 2024.
#tinyCSStip #CSS
Reposted by Benoit C. 🤓
#tinyCSStip
Want the shadow of an element or some other visual to be a semitransparent version of the `currentColor`?
Use `color-mix()`!
Cross-browser, btw. 😼
Want the shadow of an element or some other visual to be a semitransparent version of the `currentColor`?
Use `color-mix()`!
Cross-browser, btw. 😼
July 10, 2023 at 8:14 AM
#tinyCSStip
Want the shadow of an element or some other visual to be a semitransparent version of the `currentColor`?
Use `color-mix()`!
Cross-browser, btw. 😼
Want the shadow of an element or some other visual to be a semitransparent version of the `currentColor`?
Use `color-mix()`!
Cross-browser, btw. 😼
Reposted by Benoit C. 🤓
TIL that MDN has a ctrl+k search
November 23, 2025 at 1:30 AM
TIL that MDN has a ctrl+k search
Reposted by Benoit C. 🤓
Streaming file uploads via a custom binary format just got merged into SvelteKit! In a follow up PR (github.com/sveltejs/kit...) upload progress will be handled too! github.com/sveltejs/kit...
Streaming file uploads · Issue #14773 · sveltejs/kit
Describe the problem When you submit a form, and JS is available, we POST a lightly-seasoned FormData object to the endpoint. Whenever you post form data with fetch, it defaults to multipart encodi...
github.com
November 21, 2025 at 2:05 AM
Streaming file uploads via a custom binary format just got merged into SvelteKit! In a follow up PR (github.com/sveltejs/kit...) upload progress will be handled too! github.com/sveltejs/kit...
Reposted by Benoit C. 🤓
Temporal you ask? In all browsers you ask?
Well, I'm told it's coming to Chrome/Edge 144. So, like, very very soon (as in, January).
It's already in Firefox. And being implemented in Safari too.
Well, I'm told it's coming to Chrome/Edge 144. So, like, very very soon (as in, January).
It's already in Firefox. And being implemented in Safari too.
November 21, 2025 at 1:56 PM
Temporal you ask? In all browsers you ask?
Well, I'm told it's coming to Chrome/Edge 144. So, like, very very soon (as in, January).
It's already in Firefox. And being implemented in Safari too.
Well, I'm told it's coming to Chrome/Edge 144. So, like, very very soon (as in, January).
It's already in Firefox. And being implemented in Safari too.
Reposted by Benoit C. 🤓
streamHTMLUnsafe() was presented at TPAC last week. Finally, an API that lets you easily use the streaming HTML parser from JavaScript! Here's a quick overview:
November 19, 2025 at 12:00 AM
streamHTMLUnsafe() was presented at TPAC last week. Finally, an API that lets you easily use the streaming HTML parser from JavaScript! Here's a quick overview:
Reposted by Benoit C. 🤓
Europe’s cookie nightmare is finally crumbling 🍪 The European Commission wants browsers to manage cookie preferences instead of pop-ups on every website. Finally! Details here 👇 www.theverge.com/news/823788/...
Europe’s cookie nightmare is crumbling
The seven-year nightmare is nearly over
www.theverge.com
November 19, 2025 at 1:29 PM
Europe’s cookie nightmare is finally crumbling 🍪 The European Commission wants browsers to manage cookie preferences instead of pop-ups on every website. Finally! Details here 👇 www.theverge.com/news/823788/...
Reposted by Benoit C. 🤓
ECMAScript excitement 😉
Congrats to Eemeli Aro @mozilla.org on advancing Import Text to Stage 2 at TC39 today 🎉
It uses an import attribute for easy loading.
import text from "path/to/file.txt" with { type: "text" };
github.com/eemeli/propo...
Congrats to Eemeli Aro @mozilla.org on advancing Import Text to Stage 2 at TC39 today 🎉
It uses an import attribute for easy loading.
import text from "path/to/file.txt" with { type: "text" };
github.com/eemeli/propo...
GitHub - eemeli/proposal-import-text: A TC39 proposal for importing text
A TC39 proposal for importing text. Contribute to eemeli/proposal-import-text development by creating an account on GitHub.
github.com
November 18, 2025 at 7:34 AM
ECMAScript excitement 😉
Congrats to Eemeli Aro @mozilla.org on advancing Import Text to Stage 2 at TC39 today 🎉
It uses an import attribute for easy loading.
import text from "path/to/file.txt" with { type: "text" };
github.com/eemeli/propo...
Congrats to Eemeli Aro @mozilla.org on advancing Import Text to Stage 2 at TC39 today 🎉
It uses an import attribute for easy loading.
import text from "path/to/file.txt" with { type: "text" };
github.com/eemeli/propo...
Reposted by Benoit C. 🤓
Good news!
Range syntax for style queries and if() functions has shipped in Chrome!
Check it out:
una.im/range-style-...
Range syntax for style queries and if() functions has shipped in Chrome!
Check it out:
una.im/range-style-...
una.im | Range Syntax for Style Queries
Learn how to use the new range syntax for CSS style queries and the if() function.
una.im
November 12, 2025 at 10:55 PM
Good news!
Range syntax for style queries and if() functions has shipped in Chrome!
Check it out:
una.im/range-style-...
Range syntax for style queries and if() functions has shipped in Chrome!
Check it out:
una.im/range-style-...
Reposted by Benoit C. 🤓
Type Stripping (TS) are now stable in @nodejs.org v25.2.0. Enjoy running TypeScript (TS) code natively with Node.js 🔥
github.com/nodejs/node/...
github.com/nodejs/node/...
Release 2025-11-11, Version 25.2.0 (Current), @aduh95 · nodejs/node
Notable Changes
[a37c01e6a1] - (SEMVER-MINOR) lib: add options to util.deprecate (Rafael Gonzaga) #59982
[4fbb1ab101] - lib: throw from localStorage getter on missing storage path (René) #60351
[7...
github.com
November 12, 2025 at 8:35 AM
Type Stripping (TS) are now stable in @nodejs.org v25.2.0. Enjoy running TypeScript (TS) code natively with Node.js 🔥
github.com/nodejs/node/...
github.com/nodejs/node/...
Reposted by Benoit C. 🤓
Firefox just unflagged support for CSS @ scope 🎉
Soon available in all browsers
Soon available in all browsers
November 4, 2025 at 6:08 PM
Firefox just unflagged support for CSS @ scope 🎉
Soon available in all browsers
Soon available in all browsers
Reposted by Benoit C. 🤓
apps.apple.com was rewritten in svelte ⚡🧡
November 3, 2025 at 7:30 PM
apps.apple.com was rewritten in svelte ⚡🧡
Reposted by Benoit C. 🤓
✍️ New Article: Use Cases for Field Sizing
A quick look at field-sizing and where it can be used. I hope this will land in Firefox and Safari soon. The good thing? We can use it as an enhancement.
🔗 ishadeed.com/article/fiel...
A quick look at field-sizing and where it can be used. I hope this will land in Firefox and Safari soon. The good thing? We can use it as an enhancement.
🔗 ishadeed.com/article/fiel...
November 1, 2025 at 6:27 AM
✍️ New Article: Use Cases for Field Sizing
A quick look at field-sizing and where it can be used. I hope this will land in Firefox and Safari soon. The good thing? We can use it as an enhancement.
🔗 ishadeed.com/article/fiel...
A quick look at field-sizing and where it can be used. I hope this will land in Firefox and Safari soon. The good thing? We can use it as an enhancement.
🔗 ishadeed.com/article/fiel...
Reposted by Benoit C. 🤓
Safari 26.1 arrives today. What does this bring developers? Many improvements to Anchor Positioning. A refactor of how WebKit handles CSS Units, bringing relative units (rlh, ic, cap, cqw, cqi, cqmin, cqmax) to SVG for the first time. And many other fixes.
webkit.org/blog/17541/w...
webkit.org/blog/17541/w...
WebKit Features for Safari 26.1
Today, Safari 26.1 is available with iOS 26.1, iPadOS 26.1, macOS Sequoia 26.1 and visionOS 26.1, as well as for macOS Sequoia and macOS Sonoma.
webkit.org
November 3, 2025 at 10:03 PM
Safari 26.1 arrives today. What does this bring developers? Many improvements to Anchor Positioning. A refactor of how WebKit handles CSS Units, bringing relative units (rlh, ic, cap, cqw, cqi, cqmin, cqmax) to SVG for the first time. And many other fixes.
webkit.org/blog/17541/w...
webkit.org/blog/17541/w...
Reposted by Benoit C. 🤓
🔥 Hot off the press 🔥
You can you can finally style anchored elements based on their fallback position in CSS!
Meet the CSS anchored container query 🤝
container-type: anchored
@container anchored(fallback:)
(landing in Chrome 143)
developer.chrome.com/blog/anchore...
You can you can finally style anchored elements based on their fallback position in CSS!
Meet the CSS anchored container query 🤝
container-type: anchored
@container anchored(fallback:
(landing in Chrome 143)
developer.chrome.com/blog/anchore...
Detect fallback positions with anchored container queries from Chrome 143 | Blog | Chrome for Developers
Detect fallback positions with anchored container queries from Chrome 143
developer.chrome.com
October 30, 2025 at 1:39 PM
🔥 Hot off the press 🔥
You can you can finally style anchored elements based on their fallback position in CSS!
Meet the CSS anchored container query 🤝
container-type: anchored
@container anchored(fallback:)
(landing in Chrome 143)
developer.chrome.com/blog/anchore...
You can you can finally style anchored elements based on their fallback position in CSS!
Meet the CSS anchored container query 🤝
container-type: anchored
@container anchored(fallback:
(landing in Chrome 143)
developer.chrome.com/blog/anchore...
Reposted by Benoit C. 🤓
today we landed a @svelte.dev feature i'm pretty stoked about — we call it 'forking', and it lets you run state changes offscreen and later choose whether to commit them (e.g. user hovers on a link, preload data in case they click)
- docs svelte.dev/docs/svelte/...
- demo svelte.dev/playground/a...
- docs svelte.dev/docs/svelte/...
- demo svelte.dev/playground/a...
forking monkeys • Playground • Svelte
Web development for the rest of us
svelte.dev
October 25, 2025 at 7:11 PM
today we landed a @svelte.dev feature i'm pretty stoked about — we call it 'forking', and it lets you run state changes offscreen and later choose whether to commit them (e.g. user hovers on a link, preload data in case they click)
- docs svelte.dev/docs/svelte/...
- demo svelte.dev/playground/a...
- docs svelte.dev/docs/svelte/...
- demo svelte.dev/playground/a...
Reposted by Benoit C. 🤓
Match URLs with a powerful, standardized syntax using the URL Pattern API → goo.gle/47iTr3o
Now part of Baseline, this API provides a built-in way to create URL pattern matchers that can be used against URLs or individual URL components.
Now part of Baseline, this API provides a built-in way to create URL pattern matchers that can be used against URLs or individual URL components.
October 23, 2025 at 9:00 PM
Match URLs with a powerful, standardized syntax using the URL Pattern API → goo.gle/47iTr3o
Now part of Baseline, this API provides a built-in way to create URL pattern matchers that can be used against URLs or individual URL components.
Now part of Baseline, this API provides a built-in way to create URL pattern matchers that can be used against URLs or individual URL components.
Reposted by Benoit C. 🤓
Don't [...spread] or .split() your strings!
Use Intl.Segmenter API. Available in every JS runtime
Use Intl.Segmenter API. Available in every JS runtime
October 23, 2025 at 2:55 PM
Don't [...spread] or .split() your strings!
Use Intl.Segmenter API. Available in every JS runtime
Use Intl.Segmenter API. Available in every JS runtime
Reposted by Benoit C. 🤓
📄 Parse HTML input with the new parseHTMLUnsafe() method → goo.gle/4mXOH9d
Now part of Baseline, this static method creates a new Document instance from an HTML string and allows for optional sanitization.
Now part of Baseline, this static method creates a new Document instance from an HTML string and allows for optional sanitization.
October 21, 2025 at 4:00 PM
📄 Parse HTML input with the new parseHTMLUnsafe() method → goo.gle/4mXOH9d
Now part of Baseline, this static method creates a new Document instance from an HTML string and allows for optional sanitization.
Now part of Baseline, this static method creates a new Document instance from an HTML string and allows for optional sanitization.
Reposted by Benoit C. 🤓
Did we all celebrate that `::details-content` works in all major browsers now? 🎉
developer.mozilla.org/en-US/docs/W...
developer.mozilla.org/en-US/docs/W...
![details::details-content {
opacity: 0;
transition:
opacity 600ms,
content-visibility 600ms allow-discrete;
}
details[open]::details-content {
opacity: 1;
}](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:w2nz7d2phfbrzyembuw7oxjj/bafkreicqynvlulygnc4o2vb64ez5nb25yhw67punbqlart3yg2bjr52zoe@jpeg)
October 20, 2025 at 5:32 PM
Did we all celebrate that `::details-content` works in all major browsers now? 🎉
developer.mozilla.org/en-US/docs/W...
developer.mozilla.org/en-US/docs/W...
Reposted by Benoit C. 🤓
🚀 On Wednesday, we shipped v0.208. Let's dive into all the additions.
Zed on Windows is here at last! 🪟
zed.dev/blog/zed-for...
Zed on Windows is here at last! 🪟
zed.dev/blog/zed-for...
Windows When? Windows Now - Zed Blog
From the Zed Blog: Zed for Windows is finally here. Download it today.
zed.dev
October 17, 2025 at 6:39 PM
🚀 On Wednesday, we shipped v0.208. Let's dive into all the additions.
Zed on Windows is here at last! 🪟
zed.dev/blog/zed-for...
Zed on Windows is here at last! 🪟
zed.dev/blog/zed-for...
Reposted by Benoit C. 🤓
I said 36 positions, but in reality, they are even more because within each position, we can control the alignment of the element using justify-self and align-self.
36 positions, 2 axes, 4 alignment values per axis. I let you do the count! 🫣
36 positions, 2 axes, 4 alignment values per axis. I let you do the count! 🫣
October 17, 2025 at 10:37 AM
I said 36 positions, but in reality, they are even more because within each position, we can control the alignment of the element using justify-self and align-self.
36 positions, 2 axes, 4 alignment values per axis. I let you do the count! 🫣
36 positions, 2 axes, 4 alignment values per axis. I let you do the count! 🫣
Reposted by Benoit C. 🤓
All of the colors are calculated based on a single CSS variable using relative oklch, so you can change the theme with just one line.
--tint: green;
Modern CSS is amazing! 😲
--tint: green;
Modern CSS is amazing! 😲
October 14, 2025 at 10:49 PM
All of the colors are calculated based on a single CSS variable using relative oklch, so you can change the theme with just one line.
--tint: green;
Modern CSS is amazing! 😲
--tint: green;
Modern CSS is amazing! 😲