+++LIVE+++ #WWSIV heute ab 20:00 Uhr LIVE auf Twitch! +++LIVE+++

Aufgemerkt und aufgepasst mit Observer APIs

Folge №44 · Veröffentlicht am: · Spielzeit: 93 Minuten

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!

Shownotes

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

Retro

Per KI generiertes Foto in Anlehnung an das Wiesn-Foto, das Tim Cook vor einigen Tagen zusammen mit Kai Pflaume gepostet hat. In diesem Foto prosten sich allerdings eine Person mit einem Apfel statt Kopf und eine Person mit einer Pflaume statt Kopf zu.
  • 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]

Tagesthema: JavaScript Observer APIs – [00:29:31]

KI-seneriertes Bild einer übergewichtigen Kellnerin, die Teller mit Essen darauf in der Hand trägt und lacht

GeilTeil: Can I DevTools / Chariots Auweia – [01:20:19]

Das Ende – [01:28:32]

Kommentare

Name

Evan Youkommentierte

am

Mal wieder eine super interessante Folge, ich muss dringend mein JS auf Stand bringen… Danke auch, dass ihr euch meinen Codepen angeschaut habt. Ich bin es übrigens wirklich. Echt. Ich schwör.

Euer Evan

Name

Moritzkommentierte

am

OHAI!

Kommentiere!
Folgendes HTML erlaubt
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> 

Die E-Mail-Adresse wird nicht öffentlich angezeigt.

Wir sind im Moment live auf Twitch!