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.
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ů.
columns
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.
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.
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.
6. 9. 2023 — 30 přednášek, 400 frontendistek a frontendistů. V hotelu. V Brně. 12. října. To bude frontendový mazec, vážení.
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.
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.
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.
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.
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.
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.
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.
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ů.
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.
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.
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í?
15. 7. 2022 — [Aktualizace] Text o metrice počítající nechtěné posuny layoutu stránky je nově doplněný o aktuální verzi výpočtu metriky, základní rady k optimalizaci a mnohé další.