Blog

Články o weboch, výkone, SEO, GEO, prístupnosti a veciach, ktoré ma pri tvorbe projektov zaujali alebo som si na nich overil v praxi.

<p> aria c# clamp css eshop flexbox ga4 geo gsc height html img prístupnosť programovanie psi pwa seo výkon wave web width zrušiť filtre

FlexBox v praxi: kde sa naozaj používa

6.4.2026 12:44 • CSS • css flexbox

Keď už máme za sebou rodiča aj deti, prichádza tá najpraktickejšia časť: ako FlexBox použiť na reálnych príkladoch.

FlexBox 2 - potomkovia, "children"

5.4.2026 00:42 • CSS • css flexbox

Keď už máme pochopeného rodiča, prichádza druhá polovica FlexBoxu: deti.

FlexBox 1 od úplného základu - rodičia, "parents"

5.4.2026 00:43 • CSS • css flexbox

FlexBox nie je vlastnosť pre jeden prvok. FlexBox zapíname na rodiča, a ten potom začne riadiť svoje deti.

Ako na responzívne obrázky

24.3.2026 02:17 • CSS • css html img

Keď chceme spraviť responzívne obrázky, musíme riešiť 3 veci naraz: -aby obrázok nepretiekol z kontajnera (mobil vs desktop) -aby stránka neskákala pri načítaní (rezervovať miesto) -aby sa obrázky nenačítavali zbytočne (lazy loading + správna veľkosť)

Zarovnanie, zalomenie textu v <p>

24.3.2026 02:12 • CSS • <p> css

Správanie textu: zalamovanie, riadky, „…“

height

24.3.2026 02:13 • CSS • css height

height - výška prvku

width

24.3.2026 02:16 • CSS • clamp width

Ak chceme prvku povedať aký má byť široký, použijeme vlastnosť width

Zarovnanie prvku - horizontálne

24.3.2026 02:15 • CSS • css

Ako dať prvok, napríklad v <div> na stred.