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.

PODCAST: LIVE: Diskuze o performance a CSS (in JS)

22. 1. 2024 — V první části naší předvánoční živé diskuze v pražských kancelářích Productboardu jsme si povídali o rychlosti a výkonu JavaScriptu a pak o moderních způsobech vkládání CSS do JS, přičemž nemůžeme minout Tailwind.

Pokračovat…


CSS subgrid: grid uvnitř gridu

20. 9. 2023 — [AKTUALIZACE] Nově tuto velmi zajímavou část CSS gridu můžeme používat ve všech prohlížečích. V ukázce z knížky „CSS: moderní layout“ se podmřížce podíváme na zub.

CSS vlastnost display: jak dobře znáte všechny její hodnoty?

21. 7. 2023 — [UPDATE] Máme zde novou verzi specifikace pro zobrazování prvků ve stylech a od září 2023 také plnou podporu víceslovných hodnot pro vlastnost display. V textu se podívejme na základy, ale také na nové hodnoty nebo jejich víceslovné alternativy.

Style Queries v CSS: zeptejte se na styl prvku

1. 3. 2023 — Po dotazech na média a na kontejner zde máme první implementaci dotazů na styl. Chrome od verze 111 umožní dotazovat se na hodnotu custom properties v konkrétním prvku. To se může hodit.

Container Queries přicházejí

5. 2. 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é. UPDATE: V únoru už s plnou podporou v prohlížečích.

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.

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.

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.

PODCAST: 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í?

Další články