Hier finden Sie eine Zusammenfassung aller wichtigen Ankündigungen vom Chrome Dev Summit 2021 mit Links zu weiteren Informationen.
In diesem Beitrag finden Sie alle wichtigen Ankündigungen vom Chrome Dev Summit 2021 mit Links zu weiteren Informationen.
Interoperabilität im Web verbessern
Die Webkompatibilität ist eine der größten Herausforderungen für Webentwickler. Deshalb hat Google mit anderen Browseranbietern zusammengearbeitet, 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 finden Sie im Update zur Kompatibilität Mitte 2021.
Neue Anwendungsklassen im Web ausführen
Project Fugu ist ein Projekt, mit dem neue Anwendungsklassen im Web ermöglicht werden sollen. Unter fugu-tracker.web.app können Sie sich über den Fortschritt der Fugu APIs auf dem Laufenden halten.
Adobe hat vor Kurzem angekündigt, dass Photoshop im Web verfügbar sein wird. Dieser Meilenstein wurde durch die Zusammenarbeit zwischen Adobe, Google und Webstandardsorganisationen möglich. Weitere Informationen finden Sie im Artikel Photoshop im Web.
Datenschutz
Viele gängige Webfunktionen basieren auf Drittanbieter-Cookies und anderen websiteübergreifenden Tracking-Mechanismen, die nicht mit Blick auf den Datenschutz entwickelt wurden. Das erschwert es Entwicklern, dem wachsenden Bedarf an Datenschutz gerecht zu werden.
Wir arbeiten mit der Webcommunity und Branchenakteuren zusammen, um neue datenschutzfreundliche Technologien zu entwickeln, die das Web unterstützen. Ziel ist es, Drittanbieter-Cookies einzustellen und verdecktes Tracking und Browser-Fingerprinting zu reduzieren.
Weitere Informationen zu diesen Arbeiten finden Sie auf der Privacy Sandbox-Website. Außerdem finden Sie Informationen und Anleitungen zu den Vorschlägen für Entwickler, einen monatlichen Update zu Änderungen und Fortschritten sowie Informationen zum Zeitplan und zu den Testdetails für Änderungen am User-Agent-String.
Core Web Vitals verbessern
Wir haben mit den Entwicklern beliebter JavaScript-Frameworks zusammengearbeitet, um die Core Web Vitals zu verbessern. Dabei haben wir zwei neue Messwerte identifiziert, zu denen wir gerne Ihr Feedback hören würden. Lesen Sie mehr über die Gesamtreaktionsfähigkeit und die Gleichmäßigkeit und teilen Sie uns Ihre Meinung mit.
Außerdem wurden eine aktualisierte Version von PageSpeed Insights, ein neuer Aufzeichnungsbereich für Chrome-Entwicklertools, der derzeit in Canary verfügbar ist, und eine neue User Flow API für Lighthouse angekündigt.
Neue Webplattformfunktionen aktivieren
RenderingNG ist eine ehrgeizige Refaktorisierung der Chromium-Rendering-Engine. Mit diesem Projekt werden seit langem bestehende Fehler in Chrome behoben und neue Funktionen freigeschaltet. Dazu gehört eine Funktion, die seit vielen Jahren von Webentwicklern am häufigsten angefragt wird: Containerabfragen.
Containerabfragen sind für alle Nutzer vertraut, die schon einmal eine Medienabfrage zum Erstellen eines responsiven Designs verwendet haben.
Sie können damit jedoch nicht nur die Größe des Darstellungsbereichs abfragen, sondern auch die Größe des Containers, in dem sich die Komponente befindet.
Google arbeitet an einer Testimplementierung der neuen Spezifikation, die in Chrome über das Flag #enable-container-queries aktiviert werden kann.
In diesem Blogpost wird RenderingNG ausführlich beschrieben. In diesem Video erfahren Sie, wie sich mit dieser Technologie Funktionen implementieren lassen, die früher als unmöglich galten.
Sie können damit ansprechende und responsive Websites erstellen.
Das neue responsive Design ist viel mehr als nur die Bildschirm- oder Containergröße. In unserem Kurs Design lernen erfahren Sie, wie Sie moderne responsive Websites erstellen. Die ersten fünf Module werden heute veröffentlicht, die restlichen folgen in den kommenden Wochen.
In diesem Jahr wurden neue CSS-Eigenschaften in Chrome und anderen Browsern eingeführt, um die Erstellung ansprechender Websites zu erleichtern.
Weitere Informationen zu accent-color und size-adjust.
Damit Sie die neuen CSS-Funktionen schnell nutzen können, haben wir eine Reihe von Layoutmustern eingeführt. Sie bieten einen soliden Ausgangspunkt für viele gängige Benutzeroberflächenmuster.
Kurse anbieten, mit denen Sie Webtechnologien erlernen können
Zusätzlich zu „Design lernen“ führen wir neue Module für CSS lernen ein, unseren umfassenden CSS-Kurs, der Anfang des Jahres veröffentlicht wurde.
Außerdem haben wir einen vollständigen Kurs entwickelt, der Ihnen dabei hilft, funktionale und barrierefreie Formulare zu entwerfen: Formulare lernen. Neben diesen Kursen finden Sie die ersten Module von PWA kennenlernen.