Letní sleva! Knížka „CSS: moderní layout“ jen za 199 Kč
17. 6. 2024 — Vezmeš si ji na prázdniny s sebou? Kup si ji právě teď. Od června do září bude tenhle booster zlepšení tvých znalostí CSS za tuto skvělou cenu.
Videa ze Vzhůru dolů jsou nyní zdarma pro všechny
22. 3. 2024 — Videa z webinářů Vzhůru dolů z let 2020 až 2023 jsou nyní dostupná zdarma na YouTube. Téměř 24 hodin obsahu o CSS, JS, rychlosti webů a tak dále, bude, věřím, prospěšných i několik let po jejich vydání.
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.
Relační selektor :has – zdaleka ne jen selektor rodiče
19. 12. 2023 — [Update článku] Tohle je velká novina. Od prosince 2023 je možné ve všech prohlížečích používat velmi užitečný relační selektor :has. Ukažme si, v čem tkví jeho kouzlo.
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.
Pozvánka na konferenci FrontKon 2023
6. 9. 2023 — 30 přednášek, 400 frontendistek a frontendistů. V hotelu. V Brně. 12. října. To bude frontendový mazec, vážení.
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.
PODCAST: Tradiční hodnocení roku 2022 a výhled do letoška (Container Queries, selektor :has, Local First nebo BFcache)
26. 1. 2023 — Živě s publikem jsme se v kancelářích společnosti Productboard zaměřili na to, co nás zaujalo v roce 2022. Budeme reagovat na výsledky ankety „State of CSS 2022“. Dále odhadujeme trendy pro rok 2023. V dotazech z publika padla témata jako Edge First a Web 3.
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 Cascade Layers: budou vrstvy revolucí organizace stylů?
24. 11. 2022 — Styly máme všichni rádi, ale jejich organizace nám občas působí těžkosti. Nové pravidlo @layer a vrstvení stylů nám může pomoci. Že by to byl konec těžkopádného přetěžování specificity? Uvidíme.
Novinky ke knize „CSS: moderní layout“ – verze 1.1 a knihkupectví
1. 11. 2022 — Půl roku od vydání, to je čas na aktualizaci a puštění do světa. Nyní knížku naleztete také v běžné distribuční síti online i kamenných knihkupců.
Vlastnost contain v CSS: zapouzdřením k rychlejšímu vykreslení stránky
21. 8. 2022 — [Aktualizace] Pokud máte složitý DOM a chcete ušetřit výkon prohlížeče, vlastnost contain stojí za pozornost. Nově je v článku ukázka, vysvětlení návaznosti na Container Queries a hodnota contain:inline-size.