Home Czego nie znajdziesz Słownik pojęć Mapa standardów Kontakt
Orientacja

Mapa standardów webowych

Ekosystem specyfikacji webowych jest rozległy i często nieintuicyjny. Ta strona porządkuje główne obszary: kto tworzy standardy, gdzie szukać informacji i jak poszczególne specyfikacje się ze sobą łączą.

Organizacje standaryzacyjne

Kto tworzy standardy webowe

Kilka organizacji współtworzy specyfikacje, z których korzysta cały web. Ich role są różne i wzajemnie się uzupełniają.

W3C

World Wide Web Consortium odpowiada za specyfikacje CSS, SVG, WCAG (dostępność), WebAuthn i wiele innych. Proces standaryzacyjny W3C przebiega przez etapy: Working Draft, Candidate Recommendation, Proposed Recommendation i W3C Recommendation.

  • CSS Specifications (w tym Cascade Layers, Container Queries)
  • WCAG 2.2 i nadchodzące WCAG 3.0
  • WebAuthn / FIDO2
  • MiniApp Standards

WHATWG

Web Hypertext Application Technology Working Group utrzymuje HTML Living Standard i specyfikacje URL, Encoding, Fetch i Streams. Podejście "living standard" oznacza brak wersjonowanych wydań. Specyfikacja jest stale aktualizowana, a przeglądarki implementują zmiany stopniowo.

  • HTML Living Standard (Popover API, Dialog, formularze)
  • Fetch Standard
  • Streams Standard
  • URL Standard

TC39

Komitet techniczny odpowiedzialny za specyfikację ECMAScript (JavaScript). Propozycje przechodzą przez pięć etapów (0-4). Etap 4 oznacza włączenie do specyfikacji. Etap 3 to stabilna propozycja, którą przeglądarki mogą już implementować.

  • ECMAScript (ES2024 i kolejne)
  • Temporal (nowoczesne API dat)
  • Pattern Matching
  • Decorators

W3C WebApps WG

Grupa robocza W3C koncentrująca się na specyfikacjach aplikacji webowych, w tym Web App Manifest, Service Workers i Web Packaging. To tutaj definiowane są formalne wymagania dla Progressive Web Apps.

  • Web App Manifest
  • Service Workers
  • Push API
  • Background Sync
Przegląd specyfikacji

Kluczowe specyfikacje według obszaru

CSS

CSS Cascade 5 Stabilna

Definiuje Cascade Layers (@layer). Szerokie wsparcie przeglądarek od 2022.

CSS Containment Level 3 Stabilna

Container Queries (@container). Wsparcie w głównych przeglądarkach od 2023.

CSS Color Level 5 W rozwoju

color-mix(), relative color syntax, nowe przestrzenie kolorów (oklch, lab).

CSS Anchor Positioning W rozwoju

Pozycjonowanie elementów względem kotwicy. Przydatne dla tooltipów i popoverów.

CSS View Transitions Stabilna

Animowane przejścia między stanami strony i między stronami (Level 2).

HTML i Web APIs

Popover API Stabilna

Natywne popovers bez JavaScript. Zarządzanie focusem i top-layer wbudowane w przeglądarkę.

Navigation API W rozwoju

Nowoczesne API do zarządzania nawigacją w SPA. Zastępuje History API.

Speculation Rules API W rozwoju

Prerendering kolejnych stron na podstawie reguł zdefiniowanych w JSON.

Invoker Commands Propozycja

Atrybut commandfor i command do deklaratywnego sterowania elementami interaktywnymi.

Zasoby

Gdzie śledzić zmiany w standardach

Kilka miejsc, które warto obserwować, by być na bieżąco z rozwojem specyfikacji webowych.

Chromium Status

chromestatus.com śledzi stan implementacji funkcji w silniku Blink (Chrome, Edge). Każda funkcja ma etap i opis. Filtrowanie po Origin Trial, Behind a Flag, In Developer Trial i Shipped.

MDN Compatibility Data

Tabele wsparcia przeglądarek dla każdej funkcji HTML, CSS i JavaScript na MDN Web Docs są utrzymywane przez społeczność i przeglądarkowych dostawców. Miarodajne źródło danych o kompatybilności.

Repozytoria specyfikacji

Specyfikacje WHATWG (html.spec.whatwg.org), W3C CSS (drafts.csswg.org) i TC39 (github.com/tc39) są publicznie dostępne. Issues i pull requesty pokazują bieżące dyskusje projektowe.

Interop Initiative

Corocznie publikowany przez dostawców przeglądarek raport Interop wskazuje, które obszary specyfikacji są priorytetem implementacyjnym na dany rok. Dobry wskaźnik tego, co wkrótce stanie się powszechnie dostępne.

Ekosystem standardów webowych - schemat powiązań między organizacjami
Perspektywa redakcji

Dlaczego śledzenie standardów ma znaczenie praktyczne

Gdy Cascade Layers były w fazie Candidate Recommendation, deweloperzy mieli rok na zapoznanie się ze specyfikacją zanim funkcja trafiła do przeglądarek. Ci, którzy śledzili dyskusje w repozytorium CSSWG, mogli wcześniej zaplanować migrację architektury stylów.

Podobnie Speculation Rules API jest od miesięcy dostępne jako Origin Trial w Chrome. Serwisy, które testują je teraz, będą gotowe na implementację gdy funkcja trafi do stabilnych wydań.

Słownik pojęć