Upgrade to Pro — share decks privately, control downloads, hide ads and more …

What's New in Web – Insights from TPAC 2025

What's New in Web – Insights from TPAC 2025

Join Christian, just back from the W3C's annual Technical Plenary and Advisory Committee (TPAC) week in Kōbe, where all W3C working groups such as CSS, WebApps, and Web Machine Learning come together. In his session, you'll gain insights into the latest priorities and discussions among standards bodies, browser vendors, and web developers. Don't miss this opportunity to stay updated on the forefront of web technologies.

Avatar for Christian Liebel

Christian Liebel PRO

November 22, 2025
Tweet

More Decks by Christian Liebel

Other Decks in Programming

Transcript

  1. Hello, it’s me. What’s New in Web Christian Liebel W3C

    WebApps, WebML TAG Associate christian.liebel @thinktecture.com Angular, PWA & Generative AI Microsoft MVP & Google GDE (Angular, Web) Insights from TPAC 2025
  2. <span popover="hint" id="my-hovercard"> This is the hovercard </span> <a interestfor="my-hovercard"

    href="..."> Hover to show the hovercard </a> What’s New in Web Insights from TPAC 2025 Interest Invokers https://open-ui.org/components/interest-invokers.explainer/
  3. <button fancy>Test</button> <pre src="src.js"></pre> <video start-at="0:05"> </video> What’s New in

    Web Insights from TPAC 2025 Custom Attributes https://github.com/WICG/webcomponents/issues/1029
  4. What’s New in Web Insights from TPAC 2025 Isolated Web

    Apps JS HTML CSS Enterprise Deploy App Store MSI, APK, … Signed Web Bundle Platform- specific
  5. – Launched in ChromeOS in 2024 – Additional trust anchors

    enable even more powerful APIs – Direct Sockets – Controlled Frame – Multiscreen Capture – Web Smart Cards – Still web-based, cross-platform and using open standards What’s New in Web Insights from TPAC 2025 Isolated Web Apps https://chromeos.dev/en/web/isolated-web-apps
  6. What’s New in Web Insights from TPAC 2025 Digital Credentials

    API https://developer.chrome.com/blog/digital-credentials-api-origin-trial
  7. What’s New in Web Insights from TPAC 2025 Digital Credentials

    API https://www.w3.org/2001/tag/doc/prevent-credential-abuse/#harms
  8. What’s New in Web Insights from TPAC 2025 Digital Credentials

    API https://appfigures.com/resources/insights/20250808?f=2
  9. What’s New in Web Insights from TPAC 2025 <amount> element

    https://github.com/mozilla/explainers/blob/main/amount.md
  10. What’s New in Web Insights from TPAC 2025 DOM Localization

    https://github.com/mozilla/explainers/blob/main/dom-localization.md
  11. What’s New in Web Insights from TPAC 2025 Email Verification

    Protocol https://github.com/WICG/email-verification-protocol
  12. aka Masonry What’s New in Web Insights from TPAC 2025

    CSS Grid Lanes https://developer.chrome.com/blog/masonry-update .blog { display: grid-lanes; grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); gap: 2rem; }
  13. – Grants web apps access to the device’s CPU, GPU

    and Neural Processing Unit (NPU) – In specification by the WebML Working Group at W3C – Implementation in progress in Chromium (behind a flag) – Even better performance compared to WebGPU What’s New in Web Insights from TPAC 2025 WebNN https://webnn.io
  14. What’s New in Web Insights from TPAC 2025 WebMCP –

    Allows websites to expose tools to the browser or external agents – Joint effort by Microsoft and Google https://github.com/webmachinelearning/webmcp
  15. function example() { using resource = new Resource(); return resource.getValue();

    } What’s New in Web Insights from TPAC 2025 using class Resource { value = Math.random(); #isDisposed = false; getValue() { if (this.#isDisposed) { throw new Error("Already disposed"); } return this.value; } [Symbol.dispose]() { this.#isDisposed = true; console.log("Resource disposed"); } } https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/using
  16. const counter = new Signal.State(0); const isEven = new Signal.Computed(()

    => (counter.get() & 1) == 0); const parity = new Signal.Computed(() => isEven.get() ? "even" : "odd"); // A library or framework defines effects based on other Signal primitives declare function effect(cb: () => void): (() => void); effect(() => element.innerText = parity.get()); // Simulate external updates to counter... setInterval(() => counter.set(counter.get() + 1), 1000); What’s New in Web Insights from TPAC 2025 Signals
  17. Method Safe Idempotent Body GET ✅ ✅ ❌ POST ❌

    ❌ ✅ PUT ❌ ✅ ✅ DELETE ❌ ✅ ❌ What’s New in Web Insights from TPAC 2025 HTTP Methods
  18. Method Safe Idempotent Body GET ✅ ✅ ❌ ✅ ✅

    ✅ POST ❌ ❌ ✅ PUT ❌ ✅ ✅ DELETE ❌ ✅ ❌ What’s New in Web Insights from TPAC 2025 HTTP Methods
  19. Method Safe Idempotent Body GET ✅ ✅ ❌ QUERY ✅

    ✅ ✅ POST ❌ ❌ ✅ PUT ❌ ✅ ✅ DELETE ❌ ✅ ❌ What’s New in Web Insights from TPAC 2025 HTTP Methods
  20. What’s New in Web Insights from TPAC 2025 QUERY method

    https://www.ietf.org/archive/id/draft-ietf-httpbis-safe-method-w-body-14.html
  21. Baseline Newly available October 2025 (single-document) What’s New in Web

    Insights from TPAC 2025 View Transitions https://view-transitions.chrome.dev/