Řízená komponenta

Přístupnost (často zkráceně a11y) je praxe navrhování a tvorby webových stránek a aplikací tak, aby je mohli používat všichni, včetně lidí se zrakovým, motorickým, sluchovým nebo kognitivním postižením. Zahrnuje správné sémantické značkování, podporu navigace klávesnicí, dostatečný barevný kontrast a kompatibilitu se čtečkami obrazovky. Kromě etické odpovědnosti je přístupnost v mnoha jurisdikcích stále častěji i zákonným požadavkem.

Blue-green nasazení je strategie vydávání, která udržuje dvě identická produkční prostředí — „blue" (aktuální) a „green" (nová verze). Provoz se přepne z blue na green až po úspěšném projití všech health checků, což umožňuje nasazení bez výpadků. Pokud se objeví problémy, provoz lze okamžitě přesměrovat zpět na blue prostředí, čímž se rollback stává triviálním a plně automatizovaným.

Shadow DOM je API prohlížeče, které umožňuje připojit k elementu skrytý, zapouzdřený DOM strom s izolovanými styly a značkami od zbytku stránky. CSS definované uvnitř Shadow DOM nepronikne ven a vnější styly se nedostanou dovnitř. Jde o klíčovou technologii stojící za Web Components, kterou frameworky využívají k dosažení skutečné izolace stylů bez nutnosti konvencí pojmenování CSS.

Tmavý režim je barevné schéma rozhraní, které používá světlý text a prvky na tmavém pozadí. Snižuje únavu očí při slabém osvětlení, může šetřit baterii na OLED displejích a stal se očekávanou funkcí moderních aplikací. Implementace obvykle využívá CSS custom properties nebo design tokeny, které přepínají mezi světlým a tmavým tématem, často s respektováním systémového nastavení uživatele pomocí media query `prefers-color-scheme`.

Sémantické HTML znamená používání HTML elementů, které jasně popisují svůj význam a účel, jako jsou `<article>`, `<nav>`, `<header>` a `<section>`, namísto generických `<div>` tagů. Tento přístup zlepšuje přístupnost pro čtečky obrazovky, pomáhá vyhledávačům lépe pochopit strukturu stránky a činí kód čitelnějším pro ostatní vývojáře. Je považován za základní osvědčený postup v moderním webovém vývoji.

Container Queries umožňují CSS stylům reagovat na velikost rodičovského kontejneru místo viewportu prohlížeče, čímž řeší dlouhodobé omezení media queries. Označením elementu jako kontejneru pomocí `container-type` mohou jeho potomci využívat pravidla `@container` k přizpůsobení rozvržení podle rozměrů kontejneru. To umožňuje skutečně znovupoužitelné komponenty — komponenta karty se může přeuspořádat, ať už je v postranním panelu nebo v sekci na celou šířku.