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

Líné načítání

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.

#ux#web-dev

Související pojmy

Správa stavu

Správa stavu označuje strategie a nástroje používané k práci s daty aplikace, jejich ukládání a synchronizaci mezi komponentami ve frontendové aplikaci. V Reactu může stav existovat lokálně v komponentách přes `useState`, sdílet se přes Context nebo být spravován externími knihovnami jako Redux, Zustand, Jotai nebo Recoil. Volba správného přístupu ke správě stavu závisí na složitosti aplikace — mnoho aplikací zbytečně adoptuje těžká řešení, kde by stačily jednodušší vzory.

Figma

Figma je webový kolaborativní designový nástroj používaný pro tvorbu UI designů, prototypů a designových systémů. Její real-time editace pro více uživatelů, systém komponent, auto layout a dev mode z ní udělaly průmyslový standard pro produktový design. Vývojáři používají Figmu k prohlížení designů, extrakci CSS hodnot, exportu assetů a — prostřednictvím pluginů a API — k automatizaci procesu od designu ke kódu.

Barevný kontrast

Barevný kontrast je měřitelný rozdíl v jasu mezi textem (nebo UI prvky) v popředí a jejich pozadím. Směrnice WCAG vyžadují minimální kontrastní poměr 4,5:1 pro běžný text a 3:1 pro velký text, aby byla zajištěna čitelnost pro uživatele se zrakovým postižením. Nástroje jako Chrome DevTools, Stark a WebAIM contrast checker pomáhají vývojářům ověřovat shodu během vývoje.

Kognitivní zátěž

Kognitivní zátěž označuje množství mentálního úsilí potřebného k používání rozhraní. V UX designu snížení kognitivní zátěže znamená zjednodušení voleb, minimalizaci rušivých elementů a postupné předkládání informací, aby uživatelé nebyli zahlceni. Techniky jako konzistentní rozložení, jasná vizuální hierarchie, známé vzory a rozumné výchozí hodnoty pomáhají udržet kognitivní zátěž zvládnutelnou a umožňují uživatelům soustředit se na své skutečné úkoly.

BEM

BEM (Block Element Modifier) je CSS konvence pojmenování, která strukturuje názvy tříd jako `.block__element--modifier` pro vytvoření jasných, předvídatelných vztahů mezi HTML a CSS. Například `.card__title--highlighted` identifikuje zvýrazněný element nadpisu v bloku karty. Ačkoli moderní nástroje jako CSS Modules a utility frameworky snížily nutnost BEM, zůstává široce používán ve velkých kódových základnách a designových systémech, kde explicitní konvence pojmenování usnadňují týmovou koordinaci.

Dart

Dart je programovací jazyk vytvořený Googlem a používaný jako jediný jazyk pro vývoj ve Flutteru. Vyznačuje se pevným typovým systémem, null safety, podporou async/await a kompiluje se jak ahead-of-time (AOT) pro produkční výkon, tak just-in-time (JIT) pro rychlé vývojové cykly s hot reload. Syntaxe Dartu je povědomá vývojářům přicházejícím z JavaScriptu, TypeScriptu, Javy nebo Kotlinu, což usnadňuje přechod na Flutter.

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.