Eine Zusammenfassung aller wichtigen Ankündigungen vom Chrome Dev Summit 2021 mit Links zu weiteren Informationen.
In diesem Beitrag fassen wir alle wichtigen Ankündigungen vom Chrome Dev Summit 2021 zusammen – mit Links zu weiteren Informationen.
Bessere Interoperabilität im Web
Webkompatibilität ist eine der größten Herausforderungen für Webentwickler. Daher arbeitet Google mit anderen Browseranbietern zusammen, um die fünf wichtigsten Kompatibilitätsprobleme zu beheben: Flexbox, Raster, position: sticky, aspect-ratio und transforms.
Die Arbeit hat bereits zu Verbesserungen in diesen Schlüsselbereichen geführt. Mehr dazu erfahren Sie im Halbjahresupdate von Compat 2021.
Ausführung neuer Anwendungsklassen im Web zulassen
Project Fugu ist ein Projekt mit dem Ziel, neue Arten von Anwendungen im Web zu ermöglichen. Über den Fortschritt bei den Fugu APIs können Sie sich unter fugu-tracker.web.app auf dem Laufenden halten.
Adobe hat vor Kurzem angekündigt, dass Photoshop im Web verfügbar sein wird, was durch die Zusammenarbeit von Adobe, Google und Organisationen für Webstandards ermöglicht wird. Mehr über Photoshop und das Web erfährst du mehr.
Datenschutz gewährleisten
Viele gängige Webfunktionen basieren auf Drittanbieter-Cookies und anderen websiteübergreifenden Tracking-Mechanismen, die nicht unter Berücksichtigung des Datenschutzes entwickelt wurden. Dadurch wird es für Entwickler schwierig, dem wachsenden Bedarf an Datenschutz gerecht zu werden.
Gemeinsam mit der Web-Community und Branchenvertretern entwickeln wir neue datenschutzfreundliche Technologien zur Unterstützung der Plattform. Unser Ziel ist es, Drittanbieter-Cookies abzuschaffen und verdecktes Tracking und Browser-Fingerprinting zu reduzieren.
Weitere Informationen finden Sie auf der Privacy Sandbox-Website. Außerdem bieten wir Informationen und Leitfäden zu den Vorschlägen für Entwickler, ein monatliches Update oder Änderungen und Fortschritt sowie Informationen zum Zeitplan und Testdetails für Änderungen am User-Agent-String.
Core Web Vitals verbessern
Wir haben mit Entwicklern beliebter JavaScript-Frameworks zusammengearbeitet, um die Core Web Vitals zu verbessern. Im Rahmen dieser Arbeit haben wir zwei neue Messwerte ermittelt, zu denen wir Ihr Feedback wünschen. Lesen Sie die Informationen zur Reaktionsschnelligkeit und Flüssigkeit insgesamt und teilen Sie uns dann Ihre Meinung mit.
Außerdem wird eine aktualisierte Version von PageSpeed Insights, ein neuer Recorder Panel for Chrome DevTools, der derzeit in Canary verfügbar ist, und eine neue User Flow API für Lighthouse angekündigt.
Neue Webplattformfunktionen aktivieren
RenderingNG ist eine ambitionierte Refaktorierung der Rendering-Engine von Chromium, ein Projekt, bei dem langjährige Fehler in Chrome behoben und neue Funktionen freigeschaltet werden. Dazu gehört eine Funktion, die seit vielen Jahren das beliebteste Feature von Webentwicklern ist: Containerabfragen.
Jeder, der schon einmal Medienabfragen verwendet hat, um ein responsives Design zu erstellen, kennen Containerabfragen.
Innerhalb einer Abfrage zur Größe des Darstellungsbereichs können Sie jedoch die Größe des Containers abfragen, in dem sich Ihre Komponente befindet.
Google hat an einer Testimplementierung der neuen Spezifikation gearbeitet, die hinter dem #enable-container-queries-Flag in Chrome steht.
Lesen Sie einen Blogpost, in dem RenderingNG im Detail behandelt wird, oder sehen Sie sich dieses Video an, um alle wichtigen Details dazu zu erfahren, wie Sie mit dieser Arbeit Funktionen implementieren können, die früher nicht realisierbar waren.
Hilft Ihnen beim Erstellen ansprechender und responsiver Websites
Das neue responsive Design hat viel mehr als nur die Bildschirm- oder Containergröße. In unserem Kurs Learn Design erfahren Sie, wie Sie moderne responsive Websites erstellen. Die ersten fünf Module werden heute veröffentlicht, die übrigen werden in den kommenden Wochen veröffentlicht.
Dieses Jahr sind in Chrome und anderen Browsern neue CSS-Eigenschaften verfügbar, die das Erstellen ansprechender Inhalte erleichtern.
Weitere Informationen zu accent-color und size-adjust
Damit Sie die Vorteile des neuen CSS schnell nutzen können, haben wir eine Reihe von Layoutmustern eingeführt. So erhalten Sie einen soliden Ausgangspunkt für viele gängige Oberflächenmuster.
Kurse zum Erlernen von Webtechnologie anbieten
Zusätzlich zu Learn Design führen wir neue Module für Learn CSS ein, unseren umfassenden CSS-Kurs, der Anfang dieses Jahres gestartet wurde.
Wir haben außerdem einen vollständigen Kurs entwickelt, der Ihnen dabei hilft, funktionale und barrierefreie Formulare zu entwerfen – Learn Formulare. Neben diesen Kursen finden Sie auch die ersten Module von „PWA lernen“.