Wöchentlicher Podcast für Frontend Devs, Design Engineers und Web-Entwickler:innen. Mal mit, mal ohne Gast begeben wir uns in die Tiefen von HTML, CSS, JavaScript oder auch Frameworks wie React, Vue und Angular. Wir diskutieren über gute UX, Web Performance und Barrierefreiheit, sowie ab und an auch über Browser und Webstandards. Supported uns bei Patreon: https://patreon.com/workingdraft
https://workingdraft.de
Revision 391: Die Layout Instability API
Es ist wieder so weit: Wir haben uns eine neue Web-API rausgesucht, über die wir sprechen wollen. Der Schepp hat Ahnung und erklärt uns wie es geht.
Unser SponsorDiese Folge wird gesponsert von Flagbit aus Karlsruhe. Flagbit konzipiert, entwickelt und optimiert Online Shops für seine Kunden und sucht insbesondere Frontend Developer mit Angular und TypeScript Skills für die Entwicklung von (PWA) Storefronts.
Mehr dazu erfahrt ihr unter flagbit.de/karriere/jobs.
Schaunotizen
[00:02:28] Layout Instability API
Die Layout Instability API ist eine Schnittstelle mit der Analyse darüber betrieben werden kann, wie sich der Screen des Nutzers durch Verschiebungen im Inhalt ändert. Diese Änderungen können zum Beispiel auftreten, wenn Inhalte nachgeladen werden (beispielsweise Bilder oder Werbung). Schepp und Hans beschäftigen sich mit Wegen, wie man das Problem am besten umgeht. Firefox unterstütz uns Entwickelde mit dem Scroll Anchoring. Für Schrift hat Zach Leatherman einen Talk gehalten in dem er erklärt, wie es funktioniert. Einige Ideen gibt es auch hier zum Nachlesen. Für die Leute, die den Twitter Account der Web Perf WG suchen, hier entlang.