Matyas.
SlužbyProjektyZkušenostiBlogKontakt
ENOzvěte se
Zpět na slovník
web-devux

Atomický design

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.

#web-dev#ux

Související pojmy

Orchestrace

Orchestrace je automatizovaná koordinace více služeb, úloh nebo systémů za účelem provedení komplexního workflow. Orchestrátor funguje jako centrální řadič, který spravuje pořadí, paralelismus, zpracování chyb a opakování jednotlivých kroků. V kontextu AI agentů orchestrace zahrnuje řetězení LLM volání, použití nástrojů a rozhodovacích kroků; v DevOps koordinuje nasazení kontejnerů, škálování a service discovery.

Testování použitelnosti

Testování použitelnosti je metoda UX výzkumu, při které skuteční uživatelé plní konkrétní úkoly, zatímco pozorovatelé zaznamenávají obtíže, zmatení a vzorce chování. Může být moderované (s facilitátorem) nebo nemoderované (samostatné s nahráváním) a prováděné na prototypech nebo živých produktech. I testování s pouhými 5 uživateli obvykle odhalí většinu problémů s použitelností, což z něj činí jednu z aktivit s nejvyšší návratností v produktovém vývoji.

Git hooky

Git hooky jsou skripty, které Git automaticky spouští před nebo po událostech jako commit, push a merge. Běžné příklady zahrnují pre-commit hooky spouštějící lintry a formátovače, commit-msg hooky vynucující konvence v commit zprávách a pre-push hooky spouštějící testy. Nástroje jako Husky a lint-staged usnadňují správu hooků v týmu a zachycují problémy dříve, než se dostanou do vzdáleného repozitáře.

Přetažení (drag and drop)

Drag and drop je interakční vzor, který umožňuje uživatelům přesouvat, přeřazovat nebo přenášet prvky rozhraní kliknutím (nebo dotykem), podržením a přetažením na novou pozici. Používá se pro nahrávání souborů, kanban nástěnky, řaditelné seznamy a editory rozvržení. HTML Drag and Drop API poskytuje nativní podporu v prohlížečích, zatímco knihovny jako dnd-kit a react-beautiful-dnd nabízejí propracovanější, přístupnější a dotykově přívětivější implementace.

Nekonečné scrollování

Nekonečné scrollování je UX vzor, při kterém se nový obsah automaticky načítá, jakmile uživatel scrolluje ke spodní části stránky, čímž odpadá tradiční stránkování. Běžně se používá v sociálních sítích a rozhraních pro objevování obsahu. I když zvyšuje zapojení a působí plynule, bez virtualizace může zhoršovat výkon a uživatelům ztěžuje přístup k patičce stránky nebo uložení konkrétní pozice.

Shadow DOM

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.

Všechna slova

Máte v hlavě projekt?

Ať už potřebujete webovou appku, mobilní appku nebo automatizaci s AI — ozvěte se a probereme, jak vám můžu pomoct.

Ozvěte se
Matyas.

Weby, mobilní appky a automatizace s AI. Pomáhám firmám šetřit čas i peníze technologií, která opravdu funguje.

Odkazy

  • Služby
  • Projekty
  • Zkušenosti
  • Blog
  • Slovník
  • Kontakt

Připravuji

  • Případové studieBrzy
  • Zdroje

© 2026 Matyas Prochazka. Všechna práva vyhrazena.