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

Flexbox

Flexbox (Flexible Box Layout) je jednorozměrný CSS model rozvržení navržený pro distribuci prostoru a zarovnání prvků v kontejneru podél jedné osy — horizontální nebo vertikální. Vyniká při práci s dynamickými velikostmi obsahu, centrování elementů a tvorbě flexibilních navigačních lišt, řad karet a formulářových rozvržení. Vlastnosti jako justify-content, align-items a flex-grow poskytují detailní kontrolu nad sdílením dostupného prostoru.

#web-dev

Související pojmy

Infrastruktura jako kód

Infrastruktura jako kód (IaC) je praxe správy a provisioningu serverů, sítí a cloudových zdrojů prostřednictvím strojově čitelných konfiguračních souborů namísto manuálních procesů. Umožňuje verzování, code review a automatické testování změn infrastruktury stejně jako u aplikačního kódu. Populární IaC nástroje jako Terraform, Pulumi a AWS CloudFormation zajišťují reprodukovatelnost a konzistenci prostředí.

CSS moduly

CSS moduly jsou CSS soubory, kde jsou všechny názvy tříd ve výchozím nastavení lokálně omezené — při sestavení se automaticky transformují na unikátní identifikátory, čímž předcházejí kolizím názvů. Importují se do JavaScriptu jako objekt a třídy se odkazují jako `styles.button` místo prostých řetězců. Tento přístup je nativně podporován bundlery jako Webpack, Vite a Next.js a nabízí izolaci stylů bez runtime zátěže CSS-in-JS.

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.

CSS-in-JS

CSS-in-JS je přístup, při kterém se styly píší přímo v JavaScriptových souborech, často společně s komponentami, které stylují. Knihovny jako Styled Components, Emotion a Stitches generují unikátní názvy tříd při sestavení nebo za běhu, čímž eliminují konflikty stylů. Ačkoli tento přístup umožňuje dynamické stylování na základě props a plné zapouzdření, trend se kvůli výkonnostním obavám přesouvá k řešením bez runtime zátěže a utility-first CSS.

GitOps

GitOps je operační model, kde Git repozitáře slouží jako jediný zdroj pravdy pro aplikační kód i konfiguraci infrastruktury. Automatizovaní agenti jako ArgoCD nebo Flux průběžně monitorují repozitář a synchronizují živé prostředí s deklarovaným stavem. Každá změna prochází přes pull requesty, což poskytuje kompletní audit trail a umožňuje rollback pouhým revertem commitu.

Multiplatformní vývoj

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

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.