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

Responzivní design

Responzivní design je přístup k webovému vývoji, při kterém se rozvržení, obrázky a prvky UI plynule přizpůsobují různým velikostem obrazovek a zařízení. Spoléhá na flexibilní mřížky, media queries a relativní jednotky jako rem, % a vw pro zajištění konzistentního zážitku od mobilních telefonů po velké monitory. Moderní responzivní design stále více využívá CSS Container Queries a techniky vnitřního rozměrování k tvorbě komponent reagujících na svůj kontejner místo viewportu.

#web-dev#ux

Související pojmy

Fronta zpráv

Fronta zpráv je middlewarová komponenta umožňující asynchronní komunikaci mezi službami dočasným ukládáním zpráv, dokud je přijímající služba nezpracuje. Populární implementace zahrnují RabbitMQ, Amazon SQS a Redis Streams. Fronty zpráv jsou klíčové pro automatizační workflow, protože oddělují producenty od konzumentů, zvládají špičky v provozu díky bufferingu a zajišťují spolehlivé doručení i při dočasné nedostupnosti navazujících služeb.

React hooky

React hooky jsou funkce (jako `useState`, `useEffect`, `useMemo`, `useCallback`), které umožňují používat stav, vedlejší efekty a další funkce Reactu ve funkcionálních komponentách bez psaní tříd. Byly představeny v Reactu 16.8 a zásadně změnily strukturu React aplikací tím, že umožnily znovupoužití logiky pomocí vlastních hooků. Hooky musí dodržovat dvě pravidla: lze je volat pouze na nejvyšší úrovni komponenty a pouze uvnitř React funkcionálních komponent nebo jiných hooků.

Modální okno

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á.

Blue-green nasazení

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.

n8n

n8n je open-source platforma pro automatizaci workflow, která umožňuje propojovat API, služby a databáze prostřednictvím vizuálního editoru založeného na uzlech. Na rozdíl od proprietárních alternativ jako Zapier lze n8n hostovat vlastně, což dává plnou kontrolu nad daty a spouštěním. Podporuje stovky integrací, vlastní JavaScript/Python kódové uzly a AI agentní workflow, díky čemuž je oblíbený mezi vývojáři, kteří potřebují automatizaci s flexibilitou a transparentností.

Drobečková navigace

Drobečková navigace je sekundární navigační vzor, který ukazuje aktuální pozici uživatele v hierarchii webu jako řetězec odkazů (např. Domů > Produkty > Boty). Pomáhá uživatelům pochopit, kde se nacházejí, a rychle se vrátit na nadřazené stránky bez použití tlačítka Zpět v prohlížeči. Správná implementace využívá uspořádaný seznam v prvku `<nav>` s atributem `aria-label="Breadcrumb"` pro přístupnost.

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.