Praktické návody, trendy a tipy o tvorbe webstránok, dizajne a optimalizácii.

Vývojári experimentujú s HTML-in-Canvas, hexagonálnou svetovou mapou na analýzu, webovým OS pre e-ink zariadenia, nahrádzaním img src pomocou content a ďalšími novinkami.

Ako znovu vytvoriť slávnu scrollovaciu animáciu Apple Vision Pro iba pomocou CSS – bez JavaScriptu, s plnou responzivitou a modernými CSS funkciami ako scroll timeline a animation-range.

Toto vydanie What's !important prináša skladačky s clip-path, nástroje pre view transitions, kontajnery iba s názvom, prehľad nových funkcií webovej platformy a ďalšie.

Preskúmanie rôznych CSS selektorov na výber HTML elementu - od základných po úplne nepoužiteľné. Niektoré sú užitočné, mnohé nie sú. Na konci je vtáčik!

Napriek pokojným týždňom plným nových Web Platform Features máme vydanie What's !important, ktoré je poriadne nadupaté. Webová komunita mala čo povedať, tak si pripútajte pásy!

Päť najzajímavejších vecí o CSS z posledných týždňov, novinky z Chrome 145 a všetko, co ste mohli zmeškať. Plus prečo programujete len 4 hodiny denne a ako správne používať breakpointy.

Nové CSS funkcie môžu niekedy uľahčiť a zefektívniť kódovanie dizajnov, ktoré sme už vedeli vytvoriť. Pozrime sa, ako vylepšiť stĺpcové grafy pomocou sibling-index() a attr().

Chrome, Safari ani Firefox v posledných týždňoch nevydali nové funkcie, ale neobávajte sa – v tomto vydání What's !important prináša špičkový obsah od najlepších vzdelávateľov v odvetví webového vývoja.

Web Almanac od HTTP Archive je vonku! Prináša zistenia z 17,2 milióna webových stránok o výkone, prístupnosti, UX a mnohom ďalšom.

Nová CSS pseudo-trieda :drag by mohla umožniť vývojárom aplikovať štýly na ťahané elementy bez JavaScriptu. Pozrite si, ako by mohla fungovať a prečo by sme mohli potrebovať aj ::drag-image.

Po rokoch debát je tu konečne riešenie pre masonry rozloženie v CSS. Dozviete sa, prečo sa rozhodlo pre display: grid-lanes a ako sa k tomu dospelo.
Prihláste sa na odber newslettera a dostávajte najnovšie tipy a trendy priamo do emailu.