Was ist neu im Web? 2026 Edition

Als Mitglied des Web-Architekturboards – der Technical Architecture Group (TAG) des W3C – hat Christian einen guten Überblick über alles, was sich gerade im Web bewegt. In seinem Talk erhalten Sie Einblicke in die neuesten Entwicklungen und Diskussionen zwischen Standardisierungsgremien, Browserherstellern und Webentwicklern von Built-in AI bis WebAssembly. Verpassen Sie nicht diese Gelegenheit, sich über die neuesten Entwicklungen im Bereich der Webtechnologien auf dem Laufenden zu halten und nutzen Sie die Chance, Ihr Feedback an die W3C-Gremien zu bringen.

Transcript

1. What’s New in Web? 2026 Edition Christian Liebel @christianliebel Consultant
2. What’s New in Web? 2026 Edition Christian Liebel Hello, it’s me. W3C TAG Web Application Manifest Editor WebApps & WebML christian.liebel @thinktecture.com
3. What’s New in Web? 2026 Edition TAG Technical Architecture Group
4. What’s New in Web? 2026 Edition TAG
5. What’s New in Web? 2026 Edition TAG Our mission is: – to document and build consensus around principles of Web architecture and to interpret and clarify these principles when necessary; – to resolve issues involving general Web architecture brought to the TAG; – to help coordinate cross-technology architecture developments inside and outside W3C.
6. What’s New in Web? 2026 Edition HTTP Methods Method GET Safe ✅ Idempotent ✅ Body ❌ POST PUT DELETE ❌ ❌ ❌ ❌ ✅ ✅ ✅ ✅ ❌
7. What’s New in Web? 2026 Edition HTTP Methods Method GET POST PUT DELETE Safe ✅ ✅ ❌ ❌ ❌ Idempotent ✅ ✅ ❌ ✅ ✅ Body ❌ ✅ ✅ ✅ ❌
8. What’s New in Web? 2026 Edition HTTP Methods Method GET QUERY POST PUT DELETE Safe ✅ ✅ ❌ ❌ ❌ Idempotent ✅ ✅ ❌ ✅ ✅ Body ❌ ✅ ✅ ✅ ❌
9. What’s New in Web? 2026 Edition QUERY method https://datatracker.ietf.org/doc/html/rfc10008
10. What’s New in Web? 2026 Edition Variable Declaration var let const using
11. What’s New in Web? 2026 Edition using class Resource { value = Math.random(); #isDisposed = false; getValue() { if (this.#isDisposed) { throw new Error("Already disposed"); } return this.value; } function example() { using resource = new Resource(); return resource.getValue(); } [Symbol.dispose]() { this.#isDisposed = true; console.log("Resource disposed"); } } https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/using
12. What’s New in Web? 2026 Edition Signals https://github.com/tc39/proposal-signals
13. What’s New in Web? 2026 Edition Signals 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);
14. What’s New in Web? 2026 Edition Digital Credentials API https://developer.chrome.com/blog/digital-credentials-api-origin-trial
15. What’s New in Web? 2026 Edition Digital Credentials API https://github.com/w3ctag/design-reviews/issues/1119
16. What’s New in Web? 2026 Edition Digital Credentials API https://www.w3.org/2001/tag/doc/prevent-credential-abuse/#harms
17. What’s New in Web? 2026 Edition Digital Credentials API https://appfigures.com/resources/insights/20250808?f=2
18. What’s New in Web? 2026 Edition Digital Credentials API https://bmds.bund.de/aktuelles/pressemitteilungen/detail/d-you-deutschland-startet-digitale-identitaet-fuer-alle
19. What’s New in Web? 2026 Edition Custom Attributes <button fancy>Test</button> <pre src="src.js"></pre> <video start-at="0:05"> </video> https://github.com/WICG/webcomponents/issues/1029
20. What’s New in Web? 2026 Edition Device Bound Session Credentials https://developer.chrome.com/docs/web-platform/device-bound-session-credentials
21. What’s New in Web? 2026 Edition Web Serial API Second Implementer navigator.serial.getPorts() .then((ports) => { // Initialize the list of available ports with `ports` on page load. }); https://www.theregister.com/2026/04/14/firefox_nightly_web_serial/
22. What’s New in Web? 2026 Edition Web Serial API https://github.com/w3ctag/design-reviews/issues/431
23. What’s New in Web? 2026 Edition Web Install Firefox supports PWA installation on Windows
24. What’s New in Web? 2026 Edition Web Install beforeinstallprompt navigator.install() <install>
25. What’s New in Web? 2026 Edition Web Install navigator.install({ manifest: "https://app.example/manifest.json" });
26. What’s New in Web? 2026 Edition Web Install https://github.com/w3ctag/design-reviews/issues/1245
27. What’s New in Web? 2026 Edition Web App Manifest Manifest Localization Dark Color Scheme { { "lang": "en", "name": "Email", "name_localized": { "fr": "Mail", "fr-CA": "Courriel" } } "theme_color": "blue", "background_color": "white", "color_scheme_dark": { "theme_color": "red", "background_color": "black" } }
28. What’s New in Web? 2026 Edition PEPC https://wicg.github.io/PEPC/permission-elements.html
29. What’s New in Web? 2026 Edition PEPC https://permission.site/pepc
30. What’s New in Web? 2026 Edition PEPC TAG Review https://github.com/w3ctag/design-reviews/issues/1140
31. What’s New in Web? 2026 Edition CSS Grid Lanes aka Masonry .blog { display: grid-lanes; grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); gap: 2rem; } https://developer.chrome.com/blog/masonry-update
32. What’s New in Web? 2026 Edition CSS Grid Lanes https://github.com/w3ctag/design-reviews/issues/1003
33. What’s New in Web? 2026 Edition CSS Gap Decorations .sudoku { display: grid; grid-template-columns: repeat(9, 1fr); grid-template-rows: repeat(9, 1fr); gap: 6px; column-rule-width: repeat(2, 1px) 4px repeat(2, 1px) 4px repeat(2, 1px); column-rule-style: solid; column-rule-color: var(--secondary); row-rule-width: repeat(2, 1px) 4px repeat(2, 1px) 4px repeat(2, 1px); row-rule-style: solid; row-rule-color: var(--secondary); } https://developer.chrome.com/blog/gap-decorations
34. What’s New in Web? 2026 Edition CSS Gap Decorations https://github.com/w3ctag/design-reviews/issues/1035
35. What’s New in Web? 2026 Edition View Transitions Baseline Newly available October 2025 (single-document) DEMO https://view-transitions.chrome.dev/
36. What’s New in Web? 2026 Edition Element-Scoped View Transitions DEMO https://view-transitions.chrome.dev/my-patagonia-trip/
37. What’s New in Web? 2026 Edition Element-Scoped View Transitions https://github.com/w3ctag/design-reviews/issues/1188
38. What’s New in Web? 2026 Edition Interest Invokers <span popover="hint" id="my-hovercard"> This is the hovercard </span> <a interestfor="my-hovercard" href="..."> Hover to show the hovercard </a> https://open-ui.org/components/interest-invokers.explainer/
39. What’s New in Web? 2026 Edition WebNN – 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 https://webnn.io
40. What’s New in Web? 2026 Edition WebNN DEMO https://huggingface.co/webnn/spaces
41. What’s New in Web? 2026 Edition WebNN https://github.com/w3ctag/design-reviews/issues/570
42. What’s New in Web? 2026 Edition Priority of Constituencies User needs come before the needs of web page authors, which come before the needs of user agent implementors, which come before the needs of specification writers, which come before theoretical purity. https://www.w3.org/TR/design-principles/#priority-of-constituencies
43. What’s New in Web? 2026 Edition Q&A
44. Thank you for your kind attention! Christian Liebel @christianliebel christian.liebel@thinktecture.com