Wo wir sind ist vorne.

Aufgemerkt und aufgepasst mit Observer APIs


Listen Later

Diese Sendung soll nie aufhören? Unterstütze uns mit einer Spende ♥

Feedback? Kommentar oder Mastodon.

Kennt ihr auch dieses drängelnde Bedürfnis eure Websites so richtig zu überwachen und jede noch so kleine Änderung im Verhalten mitzubekommen? Such nicht länger!

Wir erklären wie ihr DOM-Änderungen mit Mutation-Observern, die Abmessungen von Containern mit Resize-Observern und die Sichtbarkeit von Elementen mit Intersection-Observern überwachen könnt.
Da bleibt kein Web-Stasi-Auge trocken!
Dazu zeigen wir noch, warum das Input-Event das überlegene aller Form-Events ist und beantworten die Frage, welche Devtools-Features in welchem Browser zu finden sind.
Observer APIs! Damit werden Sie geholfen!

Begrüßung – [00:00:55]

Retro

  • Moritz: Airtags wieder finden – [00:04:24]
  • Constantin: Tim Apple und Kai Pflaume – [00:09:44]
    • Moritz: VoiceOver WTF? – [00:11:32 ]
    • Constantin: number input mit step list (Demo) – [00:14:37]
    • Moritz: BTCONF-Umfrage – [00:18:19]
    • Moritz: Codepen-Bug gefunden (oder auch nicht) – [00:21:28]
    • Property der Woche: HTMLElement input event – [00:24:53]

      • MDN
      • caniuse
      • Tagesthema: JavaScript Observer APIs – [00:29:31]

        • MutationObserver – [00:34:29]
          • Getting To Know The MutationObserver API – Smashing Magazine
          • CodePen attr() polyfill
          • ResizeObserver – [00:46:26]
            • Constantins CodePen-Demo
            • weitere CodePen-Demo
            • caniuse
            • IntersectionObserver – [00:59:25]
              • CodePen-Demo
              • IntersectionObserver Visualizer auf CodePen
              • Website von Michelle Barker
              • Moritz’ Observer Demo
              • Obese server
              • GeilTeil: Can I DevTools / Chariots Auweia – [01:20:19]

                Das Ende – [01:28:32]

                ...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