Un riepilogo di tutti gli annunci principali del Chrome Dev Summit 2021, con i link per scoprire di più.
Questo post riassume tutti gli annunci principali del Chrome Dev Summit 2021, con i link per scoprire di più.
Rendere il web più interoperabile
La compatibilità web è una delle maggiori sfide per gli sviluppatori web, pertanto Google collabora con altri fornitori di browser per risolvere i cinque principali problemi di compatibilità: flexbox, grid, position: sticky, aspect-ratio e transform.
Il lavoro ha già portato a miglioramenti in queste aree chiave. Puoi leggere di più nell'aggiornamento di metà anno di Compat 2021.
Consentire l'esecuzione di nuove classi di applicazioni sul web
Project Fugu è un progetto che mira a consentire nuove classi di applicazioni sul web. Puoi rimanere al passo con gli sviluppi delle API Fugu all'indirizzo fugu-tracker.web.app.
Di recente Adobe ha annunciato che porterà Photoshop sul web, un'impresa resa possibile dalla collaborazione tra Adobe, Google e organizzazioni di standard web. Scopri di più nel post Il viaggio di Photoshop verso il web.
Garantire la privacy
Molte funzioni web comuni si basano su cookie di terze parti e altri meccanismi di monitoraggio tra siti che non sono stati progettati tenendo conto della privacy, rendendo difficile per gli sviluppatori soddisfare la crescente necessità di privacy.
Stiamo collaborando con la community web e con le parti interessate del settore per sviluppare nuove tecnologie incentrate sulla tutela della privacy per supportare l'ecosistema, con l'obiettivo di eliminare gradualmente i cookie di terze parti e ridurre il monitoraggio occulto e il fingerprinting del browser.
Scopri di più su questo lavoro sul sito Privacy Sandbox. Sono inoltre disponibili informazioni e guide alle proposte per gli sviluppatori, un aggiornamento mensile o modifiche e progressi, e informazioni sulle tempistiche e sui dettagli dei test per le modifiche alla stringa dell'agente utente.
Migliorare Core Web Vitals
Stiamo collaborando con gli sviluppatori di framework JavaScript di uso comune per migliorare Core Web Vitals. Nell'ambito di questo lavoro, abbiamo identificato due nuove metriche su cui ci piacerebbe ricevere il tuo feedback. Scopri di più sulla reattività complessiva e sulla fluidità, poi facci sapere cosa ne pensi.
È stata annunciata anche una versione aggiornata di PageSpeed Insights, un nuovo pannello di registrazione per Chrome DevTools, attualmente disponibile in Canary, e una nuova API di flusso utente per Lighthouse.
Attivare nuove funzionalità della piattaforma web
RenderingNG è un refactoring ambizioso del motore di rendering di Chromium, un progetto che corregge bug di lunga data in Chrome e sblocca nuove funzionalità. È inclusa una funzionalità che è stata la richiesta principale degli sviluppatori web per molti anni: le query sui contenitori.
Le query del contenitore sono familiari a chiunque abbia mai utilizzato una query multimediale per creare un design responsive.
Tuttavia, invece di eseguire query sulle dimensioni dell'area visibile, ti consentono di eseguire query sulle dimensioni del contenitore in cui si trova il componente.
Google sta lavorando a un'implementazione di prova della specifica emergente, dietro il flag #enable-container-queries in Chrome.
Leggi un post del blog che illustra RenderingNG in dettaglio o guarda questo video per scoprire tutti i dettagli chiave di come questo lavoro sblocca l'implementazione di funzionalità che un tempo si pensava fossero impossibili da implementare.
Aiutano a creare siti belli e adattabili
Il nuovo design responsive è molto più delle dimensioni dello schermo o del contenitore. Puoi scoprire come creare siti moderni e adattabili nel nostro corso Impara a progettare. I primi cinque moduli vengono lanciati oggi, mentre gli altri verranno pubblicati nelle prossime settimane.
Quest'anno sono state introdotte nuove proprietà CSS in Chrome e in altri browser per semplificare la creazione di esperienze straordinarie.
Scopri di più su accent-color e size-adjust.
Per aiutarti a sfruttare rapidamente il nuovo CSS, abbiamo lanciato un insieme di pattern di layout. Questi rappresentano un punto di partenza solido per molti pattern di interfaccia comuni.
Offrire corsi per aiutarti a imparare le tecnologie web
Oltre a Impara a progettare, stiamo lanciando nuovi moduli per Impara CSS, il nostro corso completo di CSS lanciato all'inizio dell'anno.
Abbiamo anche sviluppato un corso completo che ti aiuta a progettare moduli funzionali e accessibili: Scopri moduli. Oltre a questi corsi, puoi trovare i primi moduli di Learn PWA.