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í?
Další články