Finally! You can now use JS modules in service workers (i.e. use `import` and `export` to organize your code in modules).
Thank you, Firefox, for adding support and joining other browser engines.
web-platform-dx.github.io/web-features...
Out with :nth-child(), in with :sibling-index()! Just so satisfying to use.
* no Firefox yet
Officially shipping in Chrome 147 🎉
In TypeScript just append string & {} to your union and autocomplete works again. 🎯
This is actually super cool!
"Build modern desktop apps with #Java and your favorite web framework.
Krema is to the Java ecosystem what #Tauri is to #Rust — lightweight, native desktop applications powered by system webviews instead of a bundled browser."
github.com/krema-build/...
Must read, seriously. The negative impact of AI on juniors and their ability to learn and grow has been a major questioning for me since GenAI started. Our industry is shooting itself in the foot, and this will have ripple effects for many years.
Safari 26.3 is here with Zstandard file compression, Navigation API’s AbortSignal for better control in single-page apps, and fixes for anchor positioning, multi-column layouts, & more. Plus fullscreen video now dims surroundings in visionOS.
webkit.org/blog/17798/webkit-features-for-safari-26-3/
TypeScript 6.0 Beta is out 🎉
🔶 Temporal
🔶 Map#getOrInsert
🔶 RegExp.escape
🔶 #/ prefix for Package Imports
New defaults!
🔶 --target=ES2025
🔶 "use strict"
🔷 --strict
Deprecations!
🗑️ baseUrl, outFile
🗑️ import assertions
🗑️ `module` namespaces
🗑️ module: amd
🗑️ moduleResolution: node
🗑️ target: ES5
CSS Anchor Positioning is now baseline.
Firefox 147 ships today with full support. Chrome, Edge, Safari — all on board. Position elements relative to other elements. No JavaScript.
Here's the 60-second rundown...
Temporal shipped in Chrome 144 yesterday, so only Safari remains.
Here’s @wil.to explaining why it’s better piccalil.li/blog/date-is...
screenshot of homepage showing examples of symbols that you can click on and get a dedicated page to copy codes from.
Good for #webdev and other uses.
fontgenerator.design/symbols
Curated symbol sets for #math, #currency, arrows, geometry, decorative marks, tech/UI, and punctuation. Tap any symbol to copy/paste instantly.
#HTML #CSS #frontend
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 know it's not 2026 yet, but we can have nice things!
🪗 Here's an accordion component that only uses web platform built-in HTML and CSS features. No need for JS code, no component library.
🔗 patrickbrosset.com/lab/accordion/
You can only apply a few css properties IIRC. Anything changing the font weight / decoration can’t be used
About to have CSS ANCHOR POSITIONING FULLY CROSS-BROWSER!!
Want to avoid layout shift when you remove scrolling on popover or dialog opening?
Simple, use the new `scrollbar-gutter: stable` CSS rule on your scroll container (likely <body>).
Learn more at MDN: developer.mozilla.org/en-US/docs/...
#StylishHTML
Mozilla, Microsoft, Google, Intel, Apple all came together to celebrate this great milestone:
WebGPU is now supported in major browsers!
Check out our post.
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...
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!
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 color-mix(in srgb, transparent 35%, currentColor)
#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. 😼
TIL that MDN has a ctrl+k search
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...
Chrome DevTools showing that Temporal.Now does work, and that other properties are also available.
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.
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:
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/...
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...
Good news!
Range syntax for style queries and if() functions has shipped in Chrome!
Check it out:
una.im/range-style-...
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/...
