Revision 568: 100 Days Of More Or Less Modern CSS

Published: May 9, 2023, 7 a.m.

Anl\xe4sslich des Abschlusses seiner Blogpost-Serie \u201e100 Days Of More Or Less\nModern CSS\u201e, luden wir Manuel Matuzovi\u0107, Frontend-Entwickler und\nAccessibility-Experte aus Graz (Web / Mastodon), in unseren Podcast ein, um\nzun\xe4chst \xfcber seine Motivation zu dieser Serie und schlie\xdflich auch \xfcber die\nspannendsten seiner gewonnenen Erkenntnisse in Sachen CSS zu sprechen. Manuel\nwar zuvor schon einmal zum Thema HTML-Crafting bei uns zu Gast.\n\n\nUNSER SPONSOR\n\n\n\nMaximale Performance f\xfcr all deine Projekte? Bei mittwald brauchst du dir nie\nwieder Sorgen um Performance-Einbr\xfcche machen. Der Traffic kann ruhig durch die\nDecke gehen, deine Seite bleibt immer rasend schnell.\n\nmittwald hat Hosting neu gedacht und alles auf die besonderen Anforderungen und\nWorkloads von Agenturen und Freelancern optimiert \u2013 inklusive Infrastruktur,\nbenutzerfreundlicher Oberfl\xe4che und flexiblen Tarifen. Egal, ob du deinen Server\nselbst konfigurieren m\xf6chtest oder das mittwald-Team sich um die optimalen Specs\nk\xfcmmern soll. Der pers\xf6nliche Kundenservice unterst\xfctzt dich 24/7 bei allen\nFragen rundum WordPress, TYPO3, Shopware oder was auch immer dich gerade\nbesch\xe4ftigt. Im firmeneigenen und T\xdcV-zertifizierten Rechenzentrum sind deine\nDaten in sicheren H\xe4nden. Und das Beste? Wer seine Projekte bei mittwald hostet\nbekommt nicht nur die besten Server, sondern auch 100% CO2-neutrales Hosting.\nAlso, worauf wartest du? Geh jetzt auf mittwald.de/workingdraft und buch dein\nerstes Projekt!\n\n\nSCHAUNOTIZEN\n\n[00:02:12] 100 DAYS OF MORE OR LESS MODERN CSS\n\n * Day 1: custom properties and fallbacks\n * Lea Verou \u2013 Custom Variables Secrets\n * Day 93: the lch() color function\n * Day 98: oklab() and oklch()\n * Bj\xf6rn Ottosson: A perceptual color space for image processing (OKLAB)\n * Day 95: the color-mix() function\n * Chris Lilley \u2013 Escaping the sRBG Prison\n * Day 92: relative color syntax\n * Day 75: font palettes\n * Day 76: overwriting colors in font palettes\n * Day 22: the ::backdrop pseudo-element\n * Kilian Valhof \u2013 ::backdrop doesn\u2019t inherit from anywhere\n * Day 36: :has() and pseudo-elements\n * Day 50: :has(:not()) vs. :not(:has())\n * Day 91: a previous sibling selector with :has()\n * Der \u201eMax B\xf6ck Offset\u201c\n * Microsoft Edge / Patrick Brosset \u2013 The truth about CSS selector performance\n * Day 99: native nesting\n * Dart Sass\n * Day 2: logical properties\n * Day 3: logical property shorthands\n * Day 9: the inset shorthand property\n * Day 31: logical border properties\n * Day 44: logical floating and clearing\n * Day 77: block-size, inline-size, vi, and vb\n * Ahmad Shadeed \u2013 RTL Styling 101\n * Day 96: the margin-trim property\n * Heydon Pickering \u2013 Axiomatic CSS and Lobotomized Owls\n * Day 82: value processing\n * Day 63: explicit defaulting with inherit, initial, unset, and revert\n * Day 74: using !important in cascade layers\n * Una Kravets \u2013 How does !important actually work? (It\u2019s not what you think!)\n * Bramus Van Damme \u2013 The CSS Cascade, a deep dive\n * Day 48: inset 0\n * Day 84: the @property at-rule