CSS

Zde najdete všechny naše články na téma CSS. Zabýváme se novějšími (CSS3) vlastnostmi a v další kategorii také organizací kaskádových stylů.

Základy CSS

Nové CSS vlastnosti

Text

Pozadí

Rámečky

Box

Transformace a animace

Layout

Další vlastnosti

CSS triky a řešení

Nástroje

Atd.

Jak na dark mode, tmavý režim webů

31. 1. 2023 — Dark mode je mezi uživateli, ale i ve webařské komunitě velmi populární. Hodí se na weby, kde uživatelé čtou nebo prostě tráví více času. Je to cool. V textu ukazuji svou cestu k tmavému režimu na Vzhůru dolů a sdílím některé nečekané zkušenosti.

Pokračovat…


Container Queries přicházejí

3. 1. 2023 — Dotazy na kontejnery nám na rozdíl od dotazů na média (Media Queries) umožňují tázat se na rozměry konkrétní komponenty, nikoliv celé stránky. Je to užitečné. Je to důležité. A do měsíce pravděpodobně i s plnou podporou v prohlížečích.

Proč preferuji grid před flexboxem

5. 12. 2022 — Grid je robustnější, umožňuje větší paletu zarovnávání a líbí se mi, že layout je definovaný vždy na rodiči. Flexbox je mezi vývojáři více rozšířený hlavně ze setrvačnosti, ale efektivnější je jen v některých konkrétních případech.

CSS subgrid: grid uvnitř gridu

11. 10. 2022 — S příchodem Safari verze 16 vzrostla šance, že tuhle užitečnou novinku v CSS budeme moci již brzy využívat. Čekáme na Chrome a tam na podmřížce pracují také. V ukázce z knížky „CSS: moderní layout“ se subgridu podíváme na zub.

Pseudotřídy v CSS (staré i úplně nové)

8. 8. 2022 — Plním další chybějící místo v příručce CSS. Je to známé a zároveň je to nové. Díky specifikaci Selectors Level 4 a spolupráci tvůrců prohlížečů můžeme dnes, my webaři, používat pseudotřídy, o kterých se nám dříve nesnilo a pomohou nám psát styly jednodušeji a efektivněji.

Ohlédnutí za WebExpo 2022 (Podcast LIVE)

19. 7. 2022 — Viděli jsme se poprvé na živo a s publikem, v malém kině Lucerna, hned po skončení WebExpo 2022. Nebylo to osobní setkání po čtyřech letech natáčení trošku zvláštní?

Selektory v CSS: znáte je všechny?

5. 5. 2022 — Doplňuji mezery v pokrývání základů CSS. Cílím zde především na začátečníky, ale myslím, že osvěžit si tohle téma neuškodí ani pokročilým.

Další články