Firefox for Web Developers

@firefoxwebdevs
4.3K Followers
3 Following
367 Posts
Official Firefox account for people who build on the web. Learn about the things we're working on to grow and improve the web platform.

RE: https://indieweb.social/@keithamus/116204286323408885

Sorry everyone. You're about to spend a ton of time on this.

My score is 0.0028 đź’… (although I get different scores on different screens - my best is on my MacBook)

Iterator.zip() - JavaScript | MDN

The Iterator.zip() static method creates a new Iterator object that aggregates elements from multiple iterable objects by yielding arrays containing elements at the same position. It essentially "zips" the input iterables together, allowing simultaneous iteration over them.

MDN Web Docs
JavaScript Iterator․zip landed in Firefox 148, making it simple to loop over multiple things at the same time. Here's how it works:
Ohh this SVG path to CSS shape() convertor is better, as it lets you control the viewbox https://path-to-shape.netlify.app/
Path to CSS Shape

Convert SVG path data to CSS shape() function.

Here's the heart demo https://random-stuff.jakearchibald.com/heart-css-shape/

Note that the :hover applies to a wrapper, otherwise the clipped area is used for hit-testing - an old gotcha reminiscent of the Flash days.

Heart CSS shape

shape() - CSS | MDN

The shape() CSS function is used to define a shape for the clip-path and offset-path properties. It combines an initial starting point with a series of shape commands that define the path of the shape. The shape() function is a member of the <basic-shape> data type.

MDN Web Docs
CSS shape() landed in Firefox 148. It's similar to path(), but allows the full expressiveness of CSS…

WebAssembly is a second-class language on the web, but how can we make it first-class? WebAssembly Components could be the answer…

https://hacks.mozilla.org/2026/02/making-webassembly-a-first-class-language-on-the-web/

Why is WebAssembly a second-class language on the web? – Mozilla Hacks - the Web developer blog

This post is an expanded version of a presentation I gave at the recent WebAssembly CG meeting in Munich. WebAssembly has come a long way since its first release in 2017. The 1.0 version of WebAssembly was already a great fit for low-level languages like C and C++, and immediately enabled many new kinds of applications to efficiently target the web.

Mozilla Hacks – the Web developer blog
HTML Sanitizer API - Web APIs | MDN

The HTML Sanitizer API allows developers to take strings of HTML and filter out unwanted elements, attributes, and other HTML entities when they are inserted into the DOM or a shadow DOM.

MDN Web Docs