Eine Zusammenfassung der wichtigsten Ankündigungen des Chrome Dev Summit 2021 mit Links zu weiteren Informationen.
In diesem Beitrag fasst er alle wichtigen Ankündigungen des Chrome Dev Summit 2021 zusammen. Dort findest du Links zu weiteren Informationen.
Mehr Interoperabilität im Web
Die Webkompatibilität ist eine der größten Herausforderungen für Webentwickler. Daher hat Google mit anderen Browseranbietern zusammengearbeitet, um die fünf größten Kompatibilitätsprobleme zu lösen: Flexbox, Raster, position: sticky, aspect-ratio und transforms.
Die Arbeit hat bereits zu Verbesserungen in diesen wichtigen Bereichen geführt. Weitere Informationen dazu finden Sie im Jahresmitte-Update von Compat 2021.
Ausführung neuer Anwendungsklassen im Web zulassen
Project Fugu ist ein Projekt, das darauf abzielt, neue Klassen von Anwendungen im Web zu ermöglichen. Aktuelle Informationen zu den Fugu APIs finden Sie unter fugu-tracker.web.app.
Adobe hat kürzlich bekannt gegeben, dass Photoshop im Web verfügbar gemacht wird. Diese Leistung wurde durch die Zusammenarbeit von Adobe, Google und Webstandards-Organisationen ermöglicht. Weitere Informationen findest du in unserem Beitrag Photoshop's Journey to the Web.
Datenschutz gewährleisten
Viele gängige Webfunktionen stützen sich auf Drittanbieter-Cookies und andere websiteübergreifende Tracking-Mechanismen, die nicht im Hinblick auf den Datenschutz entwickelt wurden. Dies erschwert es Entwicklern, die wachsenden Anforderungen an den Datenschutz zu erfüllen.
Wir arbeiten mit der Web-Community und Branchenvertretern an der Entwicklung neuer datenschutzfreundlicher Technologien zur Unterstützung des Ökosystems. Unser Ziel ist es, Drittanbieter-Cookies abzuschaffen und verdecktes Tracking und Browser-Fingerprinting zu reduzieren.
Weitere Informationen dazu finden Sie auf der Website Privacy Sandbox. Wir bieten auch 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 arbeiten mit den Entwicklern beliebter JavaScript-Frameworks zusammen, um Core Web Vitals zu verbessern, und haben dabei zwei neue Messwerte ermittelt, zu denen wir uns über Feedback freuen würden. Lesen Sie mehr über Reaktionsfähigkeit und Reibungslosigkeit und teilen Sie uns dann Ihre Meinung mit.
Außerdem wird eine aktualisierte Version von PageSpeed Insights angekündigt, einem neuen Rekorder-Bereich für die Chrome-Entwicklertools, der derzeit in Canary verfügbar ist, und einer neuen User Flow API für Lighthouse.
Neue Webplattformfunktionen aktivieren
RenderingNG ist eine ambitionierte Refaktorierung der Rendering-Engine von Chromium, einem Projekt, mit dem alte Fehler in Chrome behoben und neue Funktionen freigeschaltet werden. Dazu gehört eine Funktion, die von Webentwicklern seit vielen Jahren am häufigsten angefragt wird: Containerabfragen.
Containerabfragen kennen alle, die jemals mit einer Medienabfrage ein responsives Design erstellt haben.
Innerhalb der Abfrage der Größe des Darstellungsbereichs können Sie jedoch die Größe des Containers, in dem sich Ihre Komponente befindet, abfragen.
Google arbeitet derzeit an einer Testimplementierung der neuen Spezifikation hinter dem Flag #enable-container-queries in Chrome.
In einem Blogpost zu RenderingNG im Detail und in diesem Video erfahren Sie, wie Sie mit dieser Arbeit Funktionen implementieren können, die früher als unmöglich erachtet werden konnten.
Ansprechende, responsive Websites erstellen
Das neue responsive Design umfasst weit mehr als nur eine Bildschirm- oder Containergröße. In unserem Kurs Design erlernen erfahren Sie, wie Sie moderne responsive Websites erstellen. Die ersten fünf Module werden heute veröffentlicht. Die übrigen Module werden in den kommenden Wochen veröffentlicht.
In diesem Jahr gibt es in Chrome und anderen Browsern neue CSS-Eigenschaften, die das Erstellen ansprechender Inhalte 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 Ihnen einen soliden Ausgangspunkt für viele gängige Schnittstellenmuster.
Kurse zum Erlernen von Webtechnologien anbieten
Zusätzlich zu „Learn Design“ führen wir neue Module für CSS lernen ein, unseren umfassenden Kurs zu Preisvergleichsportalen, den wir Anfang dieses Jahres gestartet haben.
Außerdem haben wir einen vollständigen Kurs entwickelt, mit dem Sie funktionale und barrierefreie Formulare entwerfen können: Learn Formulare. Außerdem finden Sie dort die ersten Module von PWAs lernen.