Revision 568: 100 Days Of More Or Less Modern CSS

Working Draft

Anlässlich des Abschlusses seiner Blogpost-Serie „100 Days Of More Or Less Modern CSS„, luden wir Manuel Matuzović, Frontend-Entwickler und Accessibility-Experte aus Graz (Web / Mastodon), in unseren Podcast ein, um zunächst über seine Motivation zu dieser Serie und schließlich auch über die spannendsten seiner gewonnenen Erkenntnisse in Sachen CSS zu sprechen. Manuel war zuvor schon einmal zum Thema HTML-Crafting bei uns zu Gast.

---

Unser Sponsor

Maximale Performance für all deine Projekte? Bei mittwald brauchst du dir nie wieder Sorgen um Performance-Einbrüche machen. Der Traffic kann ruhig durch die Decke gehen, deine Seite bleibt immer rasend schnell.

mittwald hat Hosting neu gedacht und alles auf die besonderen Anforderungen und Workloads von Agenturen und Freelancern optimiert – inklusive Infrastruktur, benutzerfreundlicher Oberfläche und flexiblen Tarifen. Egal, ob du deinen Server selbst konfigurieren möchtest oder das mittwald-Team sich um die optimalen Specs kümmern soll. Der persönliche Kundenservice unterstützt dich 24/7 bei allen Fragen rundum WordPress, TYPO3, Shopware oder was auch immer dich gerade beschäftigt. Im firmeneigenen und TÜV-zertifizierten Rechenzentrum sind deine Daten in sicheren Händen. Und das Beste? Wer seine Projekte bei mittwald hostet bekommt nicht nur die besten Server, sondern auch 100% CO2-neutrales Hosting. Also, worauf wartest du? Geh jetzt auf mittwald.de/workingdraft und buch dein erstes Projekt!

---

Schaunotizen

[00:02:12] 100 Days Of More Or Less Modern CSS

• Day 1: custom properties and fallbacks
• Lea Verou – Custom Variables Secrets
• Day 93: the lch() color function
• Day 98: oklab() and oklch()
• Björn Ottosson: A perceptual color space for image processing (OKLAB)
• Day 95: the color-mix() function
• Chris Lilley – Escaping the sRBG Prison
• Day 92: relative color syntax
• Day 75: font palettes
• Day 76: overwriting colors in font palettes
• Day 22: the ::backdrop pseudo-element
• Kilian Valhof – ::backdrop doesn’t inherit from anywhere
• Day 36: :has() and pseudo-elements
• Day 50: :has(:not()) vs. :not(:has())
• Day 91: a previous sibling selector with :has()
• Der „Max Böck Offset“
• Microsoft Edge / Patrick Brosset – The truth about CSS selector performance
• Day 99: native nesting
• Dart Sass
• Day 2: logical properties
• Day 3: logical property shorthands
• Day 9: the inset shorthand property
• Day 31: logical border properties
• Day 44: logical floating and clearing
• Day 77: block-size, inline-size, vi, and vb
• Ahmad Shadeed – RTL Styling 101
• Day 96: the margin-trim property
• Heydon Pickering – Axiomatic CSS and Lobotomized Owls
• Day 82: value processing
• Day 63: explicit defaulting with inherit, initial, unset, and revert
• Day 74: using !important in cascade layers
• Una Kravets – How does !important actually work? (It’s not what you think!)
• Bramus Van Damme – The CSS Cascade, a deep dive
• Day 48: inset 0
• Day 84: the @property at-rule