Container Timing: measuring web components performance An introduction to Container Timing, a new web performance API that lets developers measure when complex components finish painting and shows how to use its native implementation now available behind...

#Development #Introductions
Container Timing · A new API to measure web component performance ilo.im/16bf65 by José Dapena Paz

_____
#Metrics #Measurement #WebComponents #APIs #Polyfill #Chromium #Browsers #WebPerf #WebDev #Frontend

“View Transitions Mock” diagram comparing native implementation with view-transitions-mock from state A to state B, where four visual steps are crossed out with red X marks.

Introducing view-transitions-mock, a non-visual polyfill for same-document view transitions. Bramus built a spec-compliant JavaScript implementation of the View Transition API that works across all browsers. #viewtransition #polyfill

www.bram.us/2026/03/...

Схема «View transitions mock», сравнивающая нативную реализацию и view-transitions-mock от состояния A к состоянию B, где четыре визуальных шага перечёркнуты красными крестами.

Представляем view-transitions-mock — невизуальный полифил для view transition в рамках документа. Брамус Ван Дамм создал JavaScript-реализацию View Transition API по спецификации, работающую во всех браузерах без кучи условий в коде. #viewtransition #polyfill

www.bram.us/2026/03/...

Introducing view-transitions-mock: A non-visual Polyfill for Same-Document View Transitions View Transitions are a powerful Modern Web feature allow for smooth seamless animated transitions two between different states of a web page. They can make for a much more pleasant user experience, but...

#Development #Launches
Introducing CSS ‘view-transitions-mock’ · A non-visual polyfill for same-document view transitions ilo.im/16bak0 by Bram Van Damme

_____
#ModernCSS #ViewTransitions #Polyfill #APIs #Browsers #WebDev #Frontend #CSS #JavaScript

Фото автора, несколько переключателей разных цветов и фрагменты кода вокруг заголовка «input type=checkbox switch polyfill».

Полифил для HTML-элемента switch. Томас Штайнер предлагает полифил, который даёт почти нативный <input type="checkbox" switch> в браузерах помимо Safari: с доступностью, поддержкой высокой контрастности и загрузкой без FOUC-прыжков. #html #polyfill

blog.tomayac.com/2026/01/12/a...

Author photo, several toggle switches with different color, and code snippets around the headline “input type=checkbox switch polyfill”.

A polyfill for the HTML switch element. @tomayac.com shares a polyfill, bringing near-native <input type="checkbox" switch> to browsers beyond Safari, with accessibility mapping, high-contrast tweaks, and FOUC-safe loading. #html #polyfill

blog.tomayac.com/2026/01/12/a...

When will CSS Grid Lanes arrive? How long until we can use it? Anytime an exciting new web technology starts to land in browsers, developers want to know “when in the world am I going to be able to use this?” Currently, the finalized syntax for Grid Lanes is...

#Development #Previews
When will CSS Grid Lanes arrive? · “It’s going to arrive sooner than you think.” ilo.im/16a21t by Jen Simmons

_____
#ModernCSS #CssGrid #Layout #Masonry #Polyfill #ProgressiveEnhancement #Browsers #WebDev #Frontend #CSS

Introducing the <geolocation> HTML element  |  Blog  |  Chrome for Developers Discover the new way to request user location data.

#Development #Introductions
Introducing the HTML ‘geolocation’ element · What it does and how to use it ilo.im/169tah by Mari Viana, Minh Le and Thomas Steiner

_____
#HTML #Geolocation #FeatureDetection #Polyfill #ProgressiveEnhancement #Chrome #Browser #WebDev #Frontend #Releases

GitHub - tomayac/input-switch-polyfill: A polyfill for <input type="checkbox" switch> A polyfill for <input type="checkbox" switch>. Contribute to tomayac/input-switch-polyfill development by creating an account on GitHub.

#Development #Launches
Input switch polyfill · A polyfill to turn checkboxes into modern switches ilo.im/16938w by Thomas Steiner

_____
#Switch #Forms #Polyfill #ProgressiveEnhancement #Browser #WebDev #Frontend #HTML #CSS #JavaScript

Controlling dialogs and popovers with the Invoker Commands API - HTMHell A collection of bad practices in HTML, copied from real websites.

#Development #Introductions
Controlling dialogs and popovers · The power of the Invoker Commands API ilo.im/168z16 by Aubrey Sambor

_____
#Invokers #HtmlDialog #Popovers #API #Polyfill #Browser #WebDev #Frontend #HTML

2025-10-16のJS: Bun 1.3、Next.js 16(beta)、Node.js 25 JSer.info #752 - Bun 1.3がリリースされました。 * Bun 1.3 | Bun Blog ローカルサーバのHot Reloadの改善、HTMLファイルの実行をsingle-file executableへのコンパイルに対応しています。workspacesではisolated installをデフォルト化、`minimumReleaseAge`オプションの追加、`bun why`/`bun info`/`bun audit`の追加などが含まれています。また、Async Stack Tracesの対応、Node.jsとの互換性の改善なども行われています。 * * * Next.js 16 betaがリリースされました。 * Next.js 16 (beta) | Next.js Turbopackがデフォルトバンドラーとしてstableになり、React Compiler統合もstableになりました。ルーティングと`prefetch`の最適化、PPRがCache Componentsに統合されています。 React 19.2対応として、View Transitions、`useEffectEvent()`、`<Activity/>`コンポーネントなどが含まれており、Node.js 18のサポート終了やパフォーマンスの改善なども行われています。 * * * Node.js 25.0.0がリリースされました。 * Node.js 25.0 V8 14.1へのアップグレード、`--experimental-webstorage`のフラグなし有効化、`--allow-net`権限モデルの追加が含まれています。非推奨機能として`SlowBuffer`や`assert.CallTracker`などの削除、Corepackを同梱しないように変更、JSPI for WebAssemblyの有効化なども行われています。 * * * ### JSer.infoをサポートするには * 😘 知り合いにJSer.infoをおすすめする * ❤️ GitHub Sponsorsで@azuのスポンサーになる * 🐦 X(Twitter)で@jser_infoをフォローする ### JSer.info Sponsors **JSer.info Sponsors** はGitHub SponsorsとしてJSer.infoを支援してくれている方々です。 * * * # ヘッドライン * * * ## Bun 1.3 | Bun Blog bun.com/blog/bun-v1.3 Bun ReleaseNote Bun v1.3リリース。 ローカルサーバのHot Realodの改善、HTMLファイルの実行をsingle-file executableへのコンパイルに対応。 workspacesではisolated installをデフォルト化、`minimumReleaseAge`オプションの追加、`bun why`/`bun info`/`bun audit`の追加。 Async Stack Tracesの対応、Node.jsとの互換性の改善など * * * ## Release 3.46.0 - 2025.10.09 · zloirock/core-js github.com/zloirock/core-js/releases/tag/v3.46.0 JavaScript polyfill library ReleaseNote core-js v3.46.0リリース。 Iterator Chunkingのサポート * * * ## Next.js 16 (beta) | Next.js nextjs.org/blog/next-16-beta Next.js ReleaseNote Next.js 16 betaリリース。 Turbopackがデフォルトバンドラーとしてstableに、Turbopackのファイルシステムキャッシュ(beta)、React Compiler統合がstableに。 ルーティングと`prefetch`の最適化、PPRがCache Componentsに統合。 `updateTag()`/`refresh()`の追加、`revalidateTag()`の第二引数のオプションが必須に。 React 19.2対応(View Transitions、`useEffectEvent()`、`<Activity/>`コンポーネント)。 Node.js 18のサポート終了、AMP/`next lint`コマンド削除、`middleware.ts`を`proxy.ts`にリネーム、パフォーマンスの改善など * * * ## React Compiler v1.0 – React react.dev/blog/2025/10/07/react-compiler-1 React Tools ReleaseNote React Compiler v1.0リリース。 `eslint-plugin-react-hooks`にReact Compiler向けのルールが含まれるようになった。 現在はBabelプラグインとして提供されているが、SWCサポートを実験的に実装中となっている * * * ## Node.js nodejs.org/en/blog/release/v24.10.0 nodfe ReleaseNote Node.js v24.10.0リリース。 `util.getCallSite()`を削除、`database.setAuthorizer(callback)`を追加など * * * ## Firefox 144.0, See All New Features, Updates and Fixes www.firefox.com/en-US/firefox/144.0/releasenotes/ Firefox ReleaseNote Firefox 144リリース。 `<button>`の`command`属性をサポート、 View Transition APIのサポート、`moveBefore`メソッドのサポート。 実験的な機能として`<input type="datetime-local">`をサポートなど * Firefox 144 for developers - Mozilla | MDN * * * ## Sovereign Tech Agency Invests in Lodash’s Next Chapter in Open Source | OpenJS Foundation openjsf.org/blog/sta-supports-lodash JavaScript library news lodashのガバナンスとメンテナンスをOpenJSがサポートして行う * * * ## Release v0.25.11 · evanw/esbuild github.com/evanw/esbuild/releases/tag/v0.25.11 esbuild ReleaseNote esbuild v0.25.11リリース。 `import with { type: "bytes"}`のサポートなど * * * ## Node.js nodejs.org/en/blog/release/v25.0.0 nodejs ReleaseNote Node.js v25.0.0リリース。 V8 14.1へアップグレード、`--experimental-webstorage`のフラグなし有効化、`--allow-net`権限モデルの追加。 非推奨の機能の削除(`SlowBuffer`/`assert.CallTracker`など)。 Corepackを同梱しないように変更、JSPI for WebAssemblyの有効化など。 * * * # アーティクル * * * ## Announcing Vite+ | VoidZero voidzero.dev/posts/announcing-vite-plus vite article Viteの商用利用版であるVite+について。 `vite new`/`vite test`/`vite lint`/`vite fmt`/`vite lib`/`vite run`/`vite ui`のようなコマンドを提供する。 Vite、Vitest、Rolldown、Oxcなどをベースにしていて、2026年の初頭にPublic Previewの予定 * * * ## デジタル庁デザインシステムの活用例：よくあるアクセシビリティの課題とその解決策｜デジタル庁ニュース digital-agency-news.digital.go.jp/articles/2025-10-14 accessibility article 視野狭窄を意識したデザインや強制カラーモードの対応などについて * * * # サイト、サービス、ドキュメント * * * ## tryandromeda/andromeda: JS runtime lolz github.com/tryandromeda/andromeda?tab=readme-ov-file Rust JavaScript library NovaとOxcを使ったJavaScript/TypeScript Runtime * * *

2025-10-16のJS: Bun 1.3、Next.js 16(beta)、Node.js 25 JSer.info #752 - Bun 1.3がリリースされました。 * Bun 1.3 | Bun Blog ローカルサーバのHot Reloadの改善、HTMLファイルの実行をsingle-file executableへのコンパイルに対応しています。workspacesではisolated installをデフォルト化、`minimumReleaseAge`オプションの追加、`bun why`/`bun info`/`bun audit`の追加などが含まれています。また、Async Stack Tracesの対応、Node.jsとの互換性の改善なども行われています。 * * * Next.js 16 betaがリリースされました。 * Next.js 16 (beta) | Next.js Turbopackがデフォルトバンドラーとしてstableになり、React Compiler統合もstableになりました。ルーティングと`prefetch`の最適化、PPRがCache Componentsに統合されています。 React 19.2対応として、View Transitions、`useEffectEvent()`、`<Activity/>`コンポーネントなどが含まれており、Node.js 18のサポート終了やパフォーマンスの改善なども行われています。 * * * Node.js 25.0.0がリリースされました。 * Node.js 25.0 V8 14.1へのアップグレード、`--experimental-webstorage`のフラグなし有効化、`--allow-net`権限モデルの追加が含まれています。非推奨機能として`SlowBuffer`や`assert.CallTracker`などの削除、Corepackを同梱しないように変更、JSPI for WebAssemblyの有効化なども行われています。 * * * ### JSer.infoをサポートするには * 😘 知り合いにJSer.infoをおすすめする * ❤️ GitHub Sponsorsで@azuのスポンサーになる * 🐦 X(Twitter)で@jser_infoをフォローする ### JSer.info Sponsors **JSer.info Sponsors** はGitHub SponsorsとしてJSer.infoを支援してくれている方々です。 * * * # ヘッドライン * * * ## Bun 1.3 | Bun Blog bun.com/blog/bun-v1.3 Bun ReleaseNote Bun v1.3リリース。 ローカルサーバのHot Realodの改善、HTMLファイルの実行をsingle-file executableへのコンパイルに対応。 workspacesではisolated installをデフォルト化、`minimumReleaseAge`オプションの追加、`bun why`/`bun info`/`bun audit`の追加。 Async Stack Tracesの対応、Node.jsとの互換性の改善など * * * ## Release 3.46.0 - 2025.10.09 · zloirock/core-js github.com/zloirock/core-js/releases/tag/v3.46.0 JavaScript polyfill library ReleaseNote core-js v3.46.0リリース。 Iterator Chunkingのサポート * * * ## Next.js 16 (beta) | Next.js nextjs.org/blog/next-16-beta Next.js ReleaseNote Next.js 16 betaリリース。 Turbopackがデフォルトバンドラーとしてstableに、Turbopackのファイルシステムキャッシュ(beta)、React Compiler統合がstableに。 ルーティングと`prefetch`の最適化、PPRがCache Componentsに統合。 `updateTag()`/`refresh()`の追加、`revalidateTag()`の第二引数のオプションが必須に。 React 19.2対応(View Transitions、`useEffectEvent()`、`<Activity/>`コンポーネント)。 Node.js 18のサポート終了、AMP/`next lint`コマンド削除、`middleware.ts`を`proxy.ts`にリネーム、パフォーマンスの改善など * * * ## React Compiler v1.0 – React react.dev/blog/2025/10/07/react-compiler-1 React Tools ReleaseNote React Compiler v1.0リリース。 `eslint-plugin-react-hooks`にReact Compiler向けのルールが含まれるようになった。 現在はBabelプラグインとして提供されているが、SWCサポートを実験的に実装中となっている * * * ## Node.js nodejs.org/en/blog/release/v24.10.0 nodfe ReleaseNote Node.js v24.10.0リリース。 `util.getCallSite()`を削除、`database.setAuthorizer(callback)`を追加など * * * ## Firefox 144.0, See All New Features, Updates and Fixes www.firefox.com/en-US/firefox/144.0/releasenotes/ Firefox ReleaseNote Firefox 144リリース。 `<button>`の`command`属性をサポート、 View Transition APIのサポート、`moveBefore`メソッドのサポート。 実験的な機能として`<input type="datetime-local">`をサポートなど * Firefox 144 for developers - Mozilla | MDN * * * ## Sovereign Tech Agency Invests in Lodash’s Next Chapter in Open Source | OpenJS Foundation openjsf.org/blog/sta-supports-lodash JavaScript library news lodashのガバナンスとメンテナンスをOpenJSがサポートして行う * * * ## Release v0.25.11 · evanw/esbuild github.com/evanw/esbuild/releases/tag/v0.25.11 esbuild ReleaseNote esbuild v0.25.11リリース。 `import with { type: "bytes"}`のサポートなど * * * ## Node.js nodejs.org/en/blog/release/v25.0.0 nodejs ReleaseNote Node.js v25.0.0リリース。 V8 14.1へアップグレード、`--experimental-webstorage`のフラグなし有効化、`--allow-net`権限モデルの追加。 非推奨の機能の削除(`SlowBuffer`/`assert.CallTracker`など)。 Corepackを同梱しないように変更、JSPI for WebAssemblyの有効化など。 * * * # アーティクル * * * ## Announcing Vite+ | VoidZero voidzero.dev/posts/announcing-vite-plus vite article Viteの商用利用版であるVite+について。 `vite new`/`vite test`/`vite lint`/`vite fmt`/`vite lib`/`vite run`/`vite ui`のようなコマンドを提供する。 Vite、Vitest、Rolldown、Oxcなどをベースにしていて、2026年の初頭にPublic Previewの予定 * * * ## デジタル庁デザインシステムの活用例：よくあるアクセシビリティの課題とその解決策｜デジタル庁ニュース digital-agency-news.digital.go.jp/articles/2025-10-14 accessibility article 視野狭窄を意識したデザインや強制カラーモードの対応などについて * * * # サイト、サービス、ドキュメント * * * ## tryandromeda/andromeda: JS runtime lolz github.com/tryandromeda/andromeda?tab=readme-ov-file Rust JavaScript library NovaとOxcを使ったJavaScript/TypeScript Runtime * * *