Revision 557: Neues in WebKit

Schepp und Peter nahmen die Veröffentlichung der Safari Technology Previews 161 und 162 zum Anlass, die dort frisch implementierten Features zu diskutieren und zu kommentieren. Schaunotizen [00:01:25] Best of Safari Technology Preview Los geht es mit neuen Media-Query-Features, speziell prefers-reduced-motion und prefers-contrast (die in den Previews nicht neu sind, aber jetzt besser debugged werden können). Wir diskutieren die Hürden im praktischen Einsatz dieser Features (sowie von prefers-color-scheme) und erinnern an Hotdog Stand. Die Unterstützung von @property fehlt nach den neuesten Safari-Updates nun nur noch in Firefox, aber insgesamt sieht es für das CSS Typed OM und das Houdini-Projekt eher nicht so glänzend aus (Working Draft berichtete bereits). Über Fragen des Umgangs mit immer komplexerem CSS kommen wir zum Thema Selektor-Performance von :has(), die sich mit dem Profi-Profiling-Tool von Chrome messen lässt. Die Unterstützung von :user-invalid und :user-valid feiern wir marginal enthusiastischer als die von Lookbehind Assertions in Regulären Ausdrücken und wir nehmen die (beinahe) bestehende Existenz des ResizableArrayBuffer zur Kenntnis. Safari wird nun als letzter fehlender Browser Unterstützung für OffscreenCanvas bekommen, was Peter dazu bringt, seine jüngsten Abenteuer rund um willReadFrequently nochmal wiederzugeben. Zum Ende hin quatschen wir noch über margin-trim, CSS Subgrids, Declarative Shadow DOM, E4X, HTMLElement.attachInternals() bzw. Form-associated custom elements, globale Event Handler und die Zukunft von Safari und der ganzen weiten Browserwelt. Transkript WEBVTT 00:00.000 --> 00:06.360 Bist du einer der reduced motion referiert oder eher nicht und ich brauche es nicht 00:07.040 --> 00:11.040 Preverse reduced motion ist ja ein feature dass wir als webentwicklerinnen 00:12.120 --> 00:13.520 verwenden können 00:13.520 --> 00:18.320 Und die frage ist wenn ich jetzt jemand bin der darauf angewiesen ist dass die motion reduced ist so wie du es gerade beschrieben hast 00:19.200 --> 00:25.360 Dann kann ich doch webentwickler die ja tendenziell dazu neigen über lange animationen zu machen und zu verspielt zu werden doch nicht über einen 00:25.360 --> 00:31.360 Weg trauen oder? 00:31.360 --> 00:33.360 und 00:51.040 --> 00:54.000 working draught revision 557 00:54.000 --> 01:02.520 diese revision von working draught wird euch präsentiert von höhrerinnen und höhrern wie euch auf patreon.com 01:03.160 --> 01:09.360 Working draught könnt ihr uns ein paar euro in den hut werfen aus euren beiträgen und unseren gelinglichen werbeeinnahmen bezahlen wir allerleit 01:09.360 --> 01:12.280 höhere software bus und das honorar unserer audio produceren 01:12.560 --> 01:15.200 Wenn ihr euch auch beteiligen wollt könnt ihr das unter patreon.com 01:15.200 --> 01:23.760 Slashworking draught sehr gerne machen wir danken euch tausendfach für die unterstützung und fürs weitere zuhören 01:25.760 --> 01:30.960 Wir sind heute zu zweit und zwar während er zum ein der peter 01:31.520 --> 01:35.000 moin moin und ich bin der cheb und wir 01:35.680 --> 01:37.680 haben uns überlegt dass wir 01:37.680 --> 01:40.280 anlässlich der letzten safari 01:40.800 --> 01:42.320 technology previews 01:42.320 --> 01:45.320 technik previews technologie previews 01:45.320 --> 01:48.320 einfach mal wieder ein bisschen über webkit reden 01:48.320 --> 01:50.320 und 01:50.320 --> 01:53.320 was da so alles neues passiert 01:53.320 --> 01:58.320 weil das doch schon so einiges ist und auch ein paar coole sachen 01:58.320 --> 02:04.320 genau wo hingegen wir festgestellt haben dass im safari 16.3 der jetzt ja gerade 02:04.320 --> 02:08.320 irgendwie diese woche also in dieser aufnahmewoche ausgerollt wurde 02:08.320 --> 02:15.320 dass da im gru[...]