Wo wir sind ist vorne.

10 merkwürdig unbekannte CSS-Eigenschaften (und zwei Frameworks)

Listen Later

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]
    • „Geburtstagsstream! 2 Jahre #WWSIV!“ auf YouTube: Teil 1, Teil 2
    • Moritz: WWSIV ist immer und überall – [00:06:48]

      • Tagesthema: Noch mehr unbekannte CSS-Eigenschaften – [00:12:47]

      1. Break rules in pages, regions und multicolumn – [00:14:48]
        • break-before: MDN / caniuse
        • break-inside: MDN / caniuse
        • break-after: MDN / caniuse / Demo-PDF / CodePen-Demo
        • Container Queries – [00:21:06]
          • MDN / caniuse
          • 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]
            • MDN / caniuse
            • background-blend-mode: MDN / caniuse
            • color-gamut – [00:36:37]
              • MDN / caniuse
              • Folge 21: 7 Technik-Offenbarungen im Wandel der Zeit
              • perspective – [00:39:32]
                • CSS Tricks
                • Intrinsic Sizing: min-content, max-content, fit-content – [00:46:35]
                  • Intrinsic & Extrinsic Sizing: caniuse
                  • block-size: MDN
                  • writing-mode: Folge 28: 17 CSS-Eigenschaften, die wir noch nicht kannten
                  • min-content: MDN / caniuse
                  • max-content: MDN / caniuse
                  • fit-content: MDN / caniuse
                  • fint-content(): MDN / caniuse
                  • color() – [00:51:22]
                    • Draft / MDN / caniuse
                    • @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]
                        • Draft / MDN / caniuse
                        • prefers-color-scheme: MDN / caniuse
                        • Assembler CSS, Ant Design – [01:06:16]
                        • Houdini @property – [01:21:54]
                          • MDN / caniuse
                          • CSS Masks, CSS Shapes (Folgen 11 und 21) – [01:24:24]
                            • mask-image: Folge 11: Jäger der verlorenen CSS-Features – Kapitel II
                            • CSS Shapes: Folge 21: 7 Technik-Offenbarungen im Wandel der Zeit

                              • GeilTeil – [01:26:00]

                              Verabschiedung – [01:36:24]

                              ...more
                              View all episodesView all episodes
                              Download on the App Store
                              Wo wir sind ist vorne.By Moritz Glantz und Sarah Groß

                              More shows like Wo wir sind ist vorne.

                              View all
                              ARD Presseclub by WDR 5

                              ARD Presseclub

                              27 Listeners

                              Bits und so by Undsoversum GmbH

                              Bits und so

                              23 Listeners

                              Binärgewitter by Binärgewitter Team

                              Binärgewitter

                              2 Listeners

                              Freak Show by Metaebene Personal Media - Tim Pritlove

                              Freak Show

                              10 Listeners

                              Working Draft by Vanessa Otto, Peter Kröner, Hans Christian Reinl, Stefan Baumgartner, Christian »Schepp« Schaefer

                              Working Draft

                              0 Listeners

                              Stay Forever - Retrogames & Technik by Stay Forever Team

                              Stay Forever - Retrogames & Technik

                              33 Listeners

                              Logbuch:Netzpolitik by Metaebene Personal Media - Tim Pritlove

                              Logbuch:Netzpolitik

                              7 Listeners

                              Methodisch inkorrekt! by Methodisch inkorrekt!

                              Methodisch inkorrekt!

                              17 Listeners

                              Schleifenquadrat. Der Apple-Podcast von Mac Life. by Mac Life

                              Schleifenquadrat. Der Apple-Podcast von Mac Life.

                              2 Listeners

                              Lage der Nation - der Politik-Podcast aus Berlin by Philip Banse & Ulf Buermeyer

                              Lage der Nation - der Politik-Podcast aus Berlin

                              242 Listeners

                              programmier.bar – der Podcast für App- und Webentwicklung by programmier.bar

                              programmier.bar – der Podcast für App- und Webentwicklung

                              0 Listeners

                              kurz informiert by heise online by heise online

                              kurz informiert by heise online

                              2 Listeners

                              Piratensender Powerplay by Samira El Ouassil, Friedemann Karig

                              Piratensender Powerplay

                              3 Listeners

                              Engineering Kiosk by Wolfgang Gassler, Andy Grunwald

                              Engineering Kiosk

                              0 Listeners

                              KI-Update – ein heise-Podcast by Isabel Grünewald, heise online

                              KI-Update – ein heise-Podcast

                              6 Listeners