Un riepilogo di tutti gli annunci principali del Chrome Dev Summit 2021, con i link necessari per saperne di più.
Questo post riassume tutti gli annunci principali del Chrome Dev Summit 2021, con i link necessari per saperne di più.
Rendere il web più interoperabile
La compatibilità web è una delle maggiori sfide per gli sviluppatori web,
pertanto Google ha collaborato con altri fornitori di browser per risolvere i cinque principali problemi di compatibilità:
flexbox,
griglia,
position: sticky,
aspect-ratio,
e trasformazioni.
Il lavoro ha già portato a miglioramenti in queste aree chiave. Puoi leggere di più su questi aggiornamenti nell'aggiornamento di metà anno di Compat 2021.
Consentire l'esecuzione sul web di nuove classi di applicazioni
Project Fugu è un'iniziativa che mira a consentire nuove classi di applicazioni al web. Puoi rimanere aggiornato sui progressi delle API Fugu all'indirizzo fugu-tracker.web.app.
Adobe ha annunciato di recente che porterà Photoshop sul web, un'impresa resa possibile dalla collaborazione tra Adobe, Google e le organizzazioni di standard web. Scopri di più nel post Il percorso di Photoshop verso il web.
Garantire la privacy
Molte funzioni web comuni si basano su cookie di terze parti e altri meccanismi di monitoraggio cross-site che non sono stati progettati pensando alla privacy, il che rende difficile per gli sviluppatori soddisfare la crescente necessità di privacy.
Stiamo collaborando con la community web e le parti interessate del settore per sviluppare nuove tecnologie che rispettino la privacy per supportare l'ecosistema, con l'obiettivo di ritirare gradualmente i cookie di terze parti e ridurre il tracciamento nascosto e l'impronta del browser.
Scopri di più su questo lavoro nel sito Privacy Sandbox. Abbiamo anche informazioni e guide sulle proposte per gli sviluppatori, un aggiornamento mensile o modifiche e progressi e informazioni sulla cronologia e sui dettagli dei test per le modifiche alla stringa user-agent.
Migliorare i Core Web Vitals
Abbiamo collaborato con gli sviluppatori di framework JavaScript popolari per migliorare le metriche di Core Web Vitals e, nell'ambito di questo lavoro, abbiamo identificato due nuove metriche su cui ci piacerebbe ricevere il tuo feedback. Scopri di più su reattività complessiva e fluidità, poi facci sapere cosa ne pensi.
È stata annunciata anche una versione aggiornata di PageSpeed Insights, un nuovo pannello Recorder per Chrome DevTools, attualmente disponibile in Canary, e una nuova API user flow per Lighthouse.
Attivare nuove funzionalità della piattaforma web
RenderingNG è un ambizioso refactoring del motore di rendering di Chromium, un progetto che sta correggendo bug di lunga data in Chrome e sbloccando nuove funzionalità. Ciò include una funzionalità che è stata la richiesta principale degli sviluppatori web per molti anni: le query sui contenitori.
Le query sui contenitori sono familiari a chiunque abbia mai utilizzato una media query per creare un design reattivo.
Tuttavia, anziché eseguire query sulle dimensioni dell'area visibile, 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 descrive in dettaglio RenderingNG o guarda questo video per scoprire tutti i dettagli chiave di come questo lavoro consente l'implementazione di funzionalità che un tempo si pensava fossero impossibili da realizzare.
Aiutarti a creare siti belli e adattabili
Il nuovo responsive design è molto più di una semplice dimensione dello schermo o del contenitore. Puoi scoprire come creare siti adattabili moderni nel nostro corso Learn Design. 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 accattivanti.
Scopri di più su accent-color e size-adjust.
Per aiutarti a sfruttare rapidamente i nuovi CSS, abbiamo lanciato una serie di pattern di layout. Questi ti forniranno un punto di partenza solido per molti pattern di interfaccia comuni.
Fornire corsi per aiutarti a imparare la tecnologia web
Oltre a Learn Design, stiamo lanciando nuovi moduli per Learn CSS, il nostro corso completo su CSS lanciato all'inizio di quest'anno.
Abbiamo anche sviluppato un corso completo che ti aiuta a progettare moduli funzionali e accessibili: Learn Forms. Oltre a questi corsi, puoi trovare i primi moduli di Learn PWA.