Drobečková navigace

Multiplatformní vývoj je praxe tvorby aplikací, které běží na více operačních systémech (iOS, Android, web, desktop) z jediné kódové základny. Frameworky jako React Native, Flutter a Kotlin Multiplatform volí různé přístupy — od sdíleného renderování UI po sdílenou business logiku s nativním UI. Klíčovým kompromisem je rovnováha mezi efektivitou sdílení kódu a schopností dodat platformově nativní zážitky, které na každém zařízení působí přirozeně.

Atomický design je metodologie Brada Frosta pro tvorbu designových systémů rozdělením rozhraní do pěti hierarchických úrovní: atomy (základní HTML elementy), molekuly (jednoduché skupiny komponent), organismy (složité UI sekce), šablony (rozvržení na úrovni stránky) a stránky (konkrétní instance se skutečným obsahem). Tento přístup poskytuje konzistentní mentální model pro organizaci knihoven komponent v React, React Native nebo Flutter projektech a zajišťuje systematickou škálovatelnost UI.

CSS animace využívají pravidla `@keyframes` a vlastnost `animation` k tvorbě složitých, vícekrokových animací čistě v CSS bez JavaScriptu. V kombinaci s CSS transitions pro jednoduché změny stavu pokrývají tyto nástroje většinu potřeb UI animací s dobrým výkonem, protože prohlížeče je mohou optimalizovat na GPU kompozičním vlákně. Vlastnosti jako `transform` a `opacity` jsou obzvláště efektivní k animování, protože nespouštějí přepočty rozvržení ani překreslování.

Progresivní vylepšování je strategie webového vývoje, která začíná se základním funkčním HTML obsahem dostupným ve všech prohlížečích a poté přidává CSS styly a JavaScript interaktivitu pro schopnější prostředí. Tento přístup zajišťuje, že základní funkcionalita funguje všude, zatímco uživatelé s moderními prohlížeči získají bohatší zážitek. Kontrastuje s přístupem graceful degradation, který začíná plným zážitkem a řeší případné nedostatky zpětně.

Líné načítání je optimalizační technika, která odkládá načtení nekritických zdrojů, dokud nejsou skutečně potřeba — typicky když se dostanou do viditelné oblasti stránky. Běžně se aplikuje na obrázky, videa a komponenty pod ohybem stránky pro urychlení počátečního načtení. Moderní prohlížeče podporují nativní líné načítání přes atribut `loading="lazy"`, zatímco řešení v JavaScriptu nabízejí větší kontrolu pomocí Intersection Observer.

Správa fokusu je praxe řízení toho, který prvek přijímá klávesový fokus ve webové aplikaci, zejména při dynamických změnách obsahu. Když se otevře modální okno, fokus by se měl přesunout do něj; když se zavře, fokus by se měl vrátit na spouštěcí prvek. Správná správa fokusu je nezbytná pro uživatele klávesnice a čteček obrazovky a zahrnuje techniky jako focus trapping, roving tabindex a programatické nastavení fokusu pomocí `element.focus()`.