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 fallbacksLea Verou – Custom Variables SecretsDay 93: the lch() color functionDay 98: oklab() and oklch()Björn Ottosson: A perceptual color space for image processing (OKLAB)Day 95: the color-mix() functionChris Lilley – Escaping the sRBG PrisonDay 92: relative color syntaxDay 75: font palettesDay 76: overwriting colors in font palettesDay 22: the ::backdrop pseudo-elementKilian Valhof – ::backdrop doesn’t inherit from anywhereDay 36: :has() and pseudo-elementsDay 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 performanceDay 99: native nestingDart SassDay 2: logical propertiesDay 3: logical property shorthandsDay 9: the inset shorthand propertyDay 31: logical border propertiesDay 44: logical floating and clearingDay 77: block-size, inline-size, vi, and vbAhmad Shadeed – RTL Styling 101Day 96: the margin-trim propertyHeydon Pickering – Axiomatic CSS and Lobotomized OwlsDay 82: value processingDay 63: explicit defaulting with inherit, initial, unset, and revertDay 74: using !important in cascade layersUna Kravets – How does !important actually work? (It’s not what you think!)Bramus Van Damme – The CSS Cascade, a deep diveDay 48: inset 0Day 84: the @property at-rule