CSS Grid od základov: stĺpce cez grid-template-columns
CSS Grid je spôsob, ako v CSS vytvárať rozloženie prvkov do mriežky. Môžeme si ho predstaviť ako tabuľku, ale bez toho, aby sme museli používať HTML tabuľku.
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.
IntersectionObserver – čo to je a načo to je
Keď chceme na stránke spraviť efekt, že sa prvok ukáže až vtedy, keď k nemu používateľ doscrolluje, často sa spomína <strong>IntersectionObserver</strong>.
Čo by mal obsahovať web
Web dnes nestačí len nahádzať, nahrať na hosting a tváriť sa, že je hotovo. To je len začiatok.
FlexBox v praxi: kde sa naozaj používa
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"
Keď už máme pochopeného rodiča, prichádza druhá polovica FlexBoxu: deti.
FlexBox 1 od úplného základu - rodičia, "parents"
FlexBox nie je vlastnosť pre jeden prvok. FlexBox zapíname na rodiča, a ten potom začne riadiť svoje deti.
Prístupnosť webu: prečo by nemala byť len povinnosťou na papieri
Prístupnosť nie je len téma pre zákony alebo verejné inštitúcie. Je to súčasť kvalitného webu, ktorý sa lepšie používa všetkým – aj na mobile, aj v bežných situáciách.
SEO a GEO: prečo dnes nestačí len pekný web
Web nestačí len vytvoriť. Dôležité je aj to, aby bol zrozumiteľný pre vyhľadávače, lokálne výsledky a čoraz viac aj pre AI odpovede a odporúčania.
Prečo je výkon webu dôležitý a čo ovplyvňuje v praxi
Rýchly web nie je len technická zaujímavosť. Ovplyvňuje používateľský dojem, správanie návštevníkov, mobilné používanie aj to, ako sa stránka ďalej rozvíja.
Ako na responzívne obrázky
Toto je praktický základ: aby obrázok nepretiekol z kontajnera, nespôsoboval skákanie layoutu a zbytočne nespomaľoval stránku.