Tmavý režim

Modální okno (nebo modální dialog) je UI prvek, který překrývá hlavní obsah a vyžaduje pozornost a interakci uživatele, než se může vrátit na stránku pod ním. Modály se používají pro potvrzení, formuláře, upozornění a náhledy obsahu. Správná implementace vyžaduje zachycení fokusu, klávesovou přístupnost (Escape pro zavření) a zablokování scrollování pozadí — což činí přístupné modály složitějšími, než se zdá.

Storybook je open-source nástroj pro vytváření a testování UI komponent izolovaně, mimo hlavní aplikaci. Vývojáři definují „stories" — různé stavy a varianty komponenty — které se vykreslují v samostatném prostředí v prohlížeči. Podporuje React, Vue, Angular a další frameworky, což z něj činí neocenitelný nástroj pro dokumentaci komponent, vizuální regresní testování a spolupráci designérů s vývojáři.

Internacionalizace (i18n) je proces návrhu softwaru tak, aby jej bylo možné přizpůsobit různým jazykům, regionům a kulturám bez změn kódu. Zahrnuje externalizaci textových řetězců, podporu rozložení zprava doleva (RTL), zpracování formátování dat/čísel/měn a přizpůsobení se roztažení textu. Knihovny jako react-intl, next-intl a i18next poskytují infrastrukturu pro správu překladů a lokalizovaného formátování v JavaScript aplikacích.

CSS vlastní vlastnosti (také nazývané CSS proměnné) umožňují definovat znovupoužitelné hodnoty syntaxí `--my-variable` a odkazovat na ně kdekoli pomocí `var(--my-variable)`. Na rozdíl od proměnných v preprocesorech Sass nebo Less jsou živé v prohlížeči, kaskádují přes DOM a lze je dynamicky měnit JavaScriptem. Jsou nezbytné pro systémy motivů, implementaci tmavého režimu a udržování konzistentních designových tokenů v rozsáhlých stylech.

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.

Flutter je open-source UI toolkit od Googlu pro tvorbu nativně kompilovaných aplikací pro mobily, web a desktop z jediné kódové základny v jazyce Dart. Na rozdíl od React Native, který mapuje na platformově nativní UI komponenty, Flutter renderuje vše vlastním vysoce výkonným renderovacím enginem Skia/Impeller, čímž dává vývojářům pixelově přesnou kontrolu nad každým prvkem na obrazovce. Tento přístup zajišťuje identický vizuální výstup napříč platformami, ale znamená, že Flutter widgety automaticky nepřebírají platformově specifické designové konvence.