
10 merkwürdig unbekannte CSS-Eigenschaften (und zwei Frameworks)
Kennst du schon "break-before", "mix-blend-mode", "@scroll-timeline" und weißt wie Container Queries funktionieren? In dieser Folge besprechen wir wieder die Eigenschaften, die uns aus der Umfrage noch unbekannt waren. Und Bier, Bier gab es auch.
Audio is streamed directly from the publisher (wowirsindistvorne.show) as published in their RSS feed. Play Podcasts does not host this file. Rights-holders can request removal through the copyright & takedown page.
Show Notes
Diese Sendung soll nie aufhören? Unterstütze uns mit einer Spende ♥
Feedback? Kommentar oder Mastodon.
Es war wieder "State of CSS"-Time! Kennst du schon "break-before", "mix-blend-mode", "@scroll-timeline" und weißt wie Container Queries funktionieren? Wie steht’s mit "color-gamut", "perspective" oder Intrinsic Sizing mit z.B. "fit-content"? In dieser Folge besprechen wir wieder die Eigenschaften, die uns aus der Umfrage noch unbekannt waren, unseren Geburtstagsstream und rätseln über die Zukunft der Entwicklung mit GitHub Copilot. Wer die "17 CSS-Eigenschaften, die wir noch nicht kannten" mochte, wird diese Folge LIEBEN! ❤️
Begrüßung – [00:00:53]
Retro
- Constantin: WWSIV-Geburtstagsglitzer – [00:04:03]
- Moritz: WWSIV ist immer und überall – [00:06:48]
Tagesthema: Noch mehr unbekannte CSS-Eigenschaften – [00:12:47]
- Break rules in pages, regions und multicolumn – [00:14:48]
- Container Queries – [00:21:06]
- MDN / caniuse
- <custom-ident>
- CodePen: Demo-Collection / Demo 1 / Demo 2 (nur in Chromium-Browsern mit gesetztem Flag!)
- Folge 11: Jäger der verlorenen CSS-Features – Kapitel II
- Folge 17: TIL: TTL (Tagged Template Literals)
- mix-blend-mode – [00:31:14]
- color-gamut – [00:36:37]
- perspective – [00:39:32]
- Intrinsic Sizing: min-content, max-content, fit-content – [00:46:35]
- color() – [00:51:22]
- @scroll-timeline – [00:56:55]
- caniuse
- Folge 11: Jäger der verlorenen CSS-Features – Kapitel II
- GSAP mit ScrollTrigger plugin
- Use-cases bei CSS-Tricks
- The Future of CSS: Scroll-Linked Animations with
@scroll-timeline: Part 1 / Part 2 - CodePen-Demo (nur mit experimental web platform features flag)
- color-scheme – [01:02:05]
- Assembler CSS, Ant Design – [01:06:16]
- Houdini @property – [01:21:54]
- CSS Masks, CSS Shapes (Folgen 11 und 21) – [01:24:24]
GeilTeil – [01:26:00]
Verabschiedung – [01:36:24]