Hier finden Sie eine Zusammenfassung aller wichtigen Ankündigungen des Chrome Dev Summit 2021 sowie die Links, die Sie für weitere Informationen benötigen.
In diesem Beitrag finden Sie alle wichtigen Ankündigungen des Chrome Dev Summit 2021 sowie Links zu weiteren Informationen.
Interoperabilität im Web verbessern
Die Webkompatibilität ist eine der größten Herausforderungen für Webentwickler. Daher arbeitet Google mit anderen Browseranbietern zusammen, um die fünf größten Kompatibilitätsprobleme zu beheben:
Flexbox,
Grid,
position: sticky,
aspect-ratio und Transforms.
Die Arbeit hat bereits zu Verbesserungen in diesen wichtigen Bereichen geführt. Weitere Informationen dazu finden Sie im Compat 2021-Update zur Jahresmitte.
Ausführung neuer Klassen von Anwendungen im Web zulassen
Project Fugu ist eine Initiative, die darauf abzielt, neue Klassen von Anwendungen im Web zu ermöglichen. Unter fugu-tracker.web.app können Sie sich über den Fortschritt bei den Fugu-APIs auf dem Laufenden halten.
Adobe hat vor Kurzem angekündigt, dass Photoshop im Web verfügbar sein wird. Dies ist durch die Zusammenarbeit zwischen Adobe, Google und Webstandardorganisationen möglich geworden. Weitere Informationen finden Sie im Beitrag Photoshop im Web.
Datenschutz gewährleisten
Viele gängige Webfunktionen basieren auf Drittanbieter-Cookies und anderen websiteübergreifenden Tracking-Mechanismen, die nicht mit Blick auf den Datenschutz entwickelt wurden. Das macht es Entwicklern schwer, dem wachsenden Bedarf an Datenschutz gerecht zu werden.
Wir arbeiten mit der Webcommunity und Branchenakteuren zusammen, um neue Technologien zum Schutz der Privatsphäre zu entwickeln, die das Ökosystem unterstützen. Ziel ist es, Drittanbieter-Cookies abzuschaffen und verdecktes Tracking und Browser-Fingerprinting zu reduzieren.
Weitere Informationen zu dieser Arbeit finden Sie auf der Privacy Sandbox-Website. Außerdem haben wir Informationen und Leitfäden zu den Vorschlägen für Entwickler, monatliche Updates zu Änderungen und Fortschritten sowie Informationen zum Zeitplan und zu den Testdetails für Änderungen am User-Agent-String.
Core Web Vitals verbessern
Wir arbeiten mit den Entwicklern beliebter JavaScript-Frameworks zusammen, um die Core Web Vitals zu verbessern. Im Rahmen dieser Zusammenarbeit haben wir zwei neue Messwerte identifiziert, zu denen wir uns über Feedback freuen würden. Lesen Sie mehr über die allgemeine Reaktionsfähigkeit und Flüssigkeit und teilen Sie uns dann Ihre Meinung mit.
Außerdem wurde eine aktualisierte Version von PageSpeed Insights angekündigt, ein neuer Recorder-Bereich für die Chrome-Entwicklertools, der derzeit in Canary verfügbar ist, und eine neue User Flow API für Lighthouse.
Neue Webplattformfunktionen aktivieren
RenderingNG ist eine umfassende Umgestaltung der Rendering-Engine von Chromium. Mit diesem Projekt werden seit Langem bestehende Fehler in Chrome behoben und neue Funktionen ermöglicht. Dazu gehört eine Funktion, die Webentwickler seit vielen Jahren am häufigsten nachgefragt haben: Container-Abfragen.
Containerabfragen sind für alle, die schon einmal eine Media-Query zum Erstellen eines responsiven Designs verwendet haben, vertraut.
Sie ermöglichen es Ihnen jedoch, die Größe des Containers abzufragen, in dem sich Ihre Komponente befindet.
Google arbeitet an einer Testimplementierung der neuen Spezifikation, die in Chrome hinter dem Flag #enable-container-queries verfügbar ist.
In diesem Blogpost wird RenderingNG ausführlich beschrieben. In diesem Video erfahren Sie, wie diese Technologie die Implementierung von Funktionen ermöglicht, die bisher als unmöglich galten.
Unterstützung bei der Erstellung ansprechender und responsiver Websites
Das neue responsive Design ist 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 restlichen in den kommenden Wochen.
In diesem Jahr wurden in Chrome und anderen Browsern neue CSS-Eigenschaften eingeführt, die das Erstellen ansprechender Designs erleichtern.
Weitere Informationen zu accent-color und size-adjust
Damit Sie neue CSS schnell nutzen können, haben wir eine Reihe von Layoutmustern eingeführt. Sie bieten einen guten Ausgangspunkt für viele gängige Oberflächenmuster.
Kurse zur Webtechnologie
Zusätzlich zu „Design lernen“ führen wir neue Module für CSS lernen ein, unseren umfassenden CSS-Kurs, der Anfang des Jahres eingeführt wurde.
Wir haben auch einen vollständigen Kurs entwickelt, der Ihnen hilft, funktionale und barrierefreie Formulare zu gestalten: Learn Forms. Neben diesen Kursen finden Sie auch die ersten Module von Learn PWA.