Revision 568: 100 Days Of More Or Less Modern CSS

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.

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