Un riepilogo di tutti gli annunci chiave del Chrome Dev Summit 2021, con i link che ti servono per saperne di più.
Questo post raccoglie tutti gli annunci principali del Chrome Dev Summit 2021, con i link che ti servono per saperne di più.
Rendi il web più interoperabile
La compatibilità web è una delle principali sfide per gli sviluppatori web, perciò Google sta collaborando con altri fornitori di browser per risolvere i cinque principali problemi di compatibilità: flexbox, grid position: sticky, aspect-ratio e transforms.
I lavori hanno già portato a miglioramenti in queste aree chiave. Per saperne di più, consulta l'aggiornamento di metà anno di Compat 2021.
Consenti l'esecuzione di nuove classi di applicazioni sul web
Project Fugu è un'iniziativa volta a consentire a nuove classi di applicazioni di accedere al web. Puoi rimanere al passo con i progressi delle API Fugu all'indirizzo fugu-tracker.web.app.
Adobe ha recentemente annunciato il lancio di Photoshop sul web, un'impresa resa possibile dalla collaborazione tra Adobe, Google e le organizzazioni che si occupano di standard web. Per saperne di più, leggi il post Percorso di Photoshop sul 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, il che rende difficile per gli sviluppatori soddisfare la crescente esigenza di questo tipo di privacy.
Stiamo collaborando con la community del web e gli stakeholder del settore per sviluppare nuove tecnologie incentrate sulla tutela della privacy a supporto dell'ecosistema, con l'obiettivo di eliminare gradualmente i cookie di terze parti e ridurre il monitoraggio nascosto 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, aggiornamento mensile o modifiche e avanzamento, nonché informazioni sulle tempistiche e sui dettagli dei test per le modifiche alla stringa dello user agent.
Migliora i Segnali web essenziali
Stiamo collaborando con gli sviluppatori dei framework JavaScript più diffusi per migliorare i Segnali web essenziali e nell'ambito di questo lavoro abbiamo identificato due nuove metriche in merito alle quali ci piacerebbe ricevere il tuo feedback. Leggi informazioni sulla reattività generale e sulla fluidità, poi facci sapere cosa ne pensi.
Abbiamo anche annunciato una versione aggiornata di PageSpeed Insights, un nuovo riquadro Registratore per Chrome DevTools, attualmente disponibile in Canary, e una nuova API User Flow per Lighthouse.
Attiva le nuove funzionalità della piattaforma web
RenderingNG è un refactoring ambizioso del motore di rendering di Chromium, un progetto che corregge i bug di lunga data in Chrome e sblocca nuove funzionalità. Questa include una funzionalità che da molti anni è stata la richiesta più frequente dagli sviluppatori web: le query container.
Le query relative ai container sembrano familiari a chiunque abbia utilizzato una query multimediale per creare un design adattabile.
Tuttavia, quando esegui 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 dedicato a RenderingNG in dettaglio o guarda questo video per conoscere tutti i dettagli chiave su come questo lavoro sblocca l'implementazione di funzionalità che una volta erano ritenute impossibili da ottenere.
Aiutarti a creare siti accattivanti e adattabili
Il nuovo design adattabile è molto più di una semplice dimensione dello schermo o del contenitore. Per scoprire come creare siti adattabili moderni, consulta il nostro corso Impara a progettare. I primi cinque moduli verranno lanciati oggi, il resto verrà pubblicato nel corso delle prossime settimane.
Le nuove proprietà CSS sono apparse quest'anno in Chrome e in altri browser per facilitare la creazione di esperienze meravigliose.
Scopri di più su accent-color e size-adjust.
Per consentirti di sfruttare rapidamente il nuovo CSS, abbiamo lanciato una serie di pattern di layout. Questi ti offriranno un solido punto di partenza per molti modelli di interfaccia comuni.
Corsi per aiutarti ad apprendere la tecnologia web
Oltre a Learn Design, stiamo lanciando nuovi moduli per Impara CSS, il nostro corso completo su CSS lanciato all'inizio di quest'anno.
Abbiamo anche sviluppato un corso completo per aiutarti a progettare moduli funzionali e accessibili: Impara moduli. Insieme a questi corsi, puoi trovare i primi moduli di Impara PWA.