Un riepilogo di tutti gli annunci chiave del Chrome Dev Summit 2021, con i link per saperne di più.
Questo post racchiude tutti gli annunci chiave del Chrome Dev Summit 2021, con i link che ti servono per scoprire di più.
Rendere il web più interoperabile
La compatibilità web è una delle sfide maggiori per gli sviluppatori web,
pertanto Google ha collaborato con altri fornitori di browser per risolvere i cinque principali problemi di compatibilità:
flexbox,
grid,
position: sticky,
aspect-ratio
e transforms.
Il lavoro ha già portato a miglioramenti in queste aree chiave. Per saperne di più, consulta l'aggiornamento di metà anno Compat 2021.
Consenti l'esecuzione di nuove classi di applicazioni sul web
Project Fugu è un'iniziativa volta a consentire il web a nuove classi di applicazioni. Per aggiornamenti sui progressi relativi alle API Fugu, visita fugu-tracker.web.app.
Adobe ha annunciato di recente che introdurrà 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 tra siti che non sono stati progettati tenendo conto della privacy, rendendo difficile per gli sviluppatori soddisfare la crescente esigenza di privacy.
Stiamo collaborando con la community web e con 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 di Privacy Sandbox. Sono inoltre disponibili informazioni e guide sulle proposte per gli sviluppatori, un aggiornamento o modifiche e progressi mensili e informazioni sulle tempistiche e sui dettagli di test per le modifiche alla stringa dello user agent.
Migliora i Core Web Vitals
Abbiamo collaborato con gli sviluppatori dei framework JavaScript più diffusi per migliorare Core Web Vitals e nell'ambito di questo lavoro abbiamo identificato due nuove metriche sulle quali vorremmo ricevere il tuo feedback. Leggi informazioni sulla reattività complessiva e sulla smodità, poi facci sapere cosa ne pensi.
Vengono inoltre annunciate una versione aggiornata di PageSpeed Insights, un nuovo pannello Registratore per Chrome DevTools, attualmente disponibile in Canary, e una nuova API di flusso utente per Lighthouse.
Abilita nuove funzionalità della piattaforma web
RenderingNG è un ambizioso refactoring del motore di rendering di Chromium, un progetto che consente di correggere bug di lunga data in Chrome, oltre a sbloccare nuove funzionalità. Questa include una funzionalità che per molti anni è stata la richiesta principale da parte degli sviluppatori web: le query contenitore.
Le query container sono note a chiunque abbia mai utilizzato una query multimediale per creare un responsive design.
Tuttavia, all'interno dell'esecuzione di query sulla dimensione dell'area visibile, ti consentono di eseguire query sulle dimensioni del contenitore in cui si trova il tuo 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 relativo a RenderingNG in dettaglio o guarda questo video per conoscere tutti i dettagli chiave di come questo lavoro sblocca l'implementazione di funzionalità un tempo ritenute impossibili da ottenere.
Aiutano a creare siti accattivanti e reattivi
Il nuovo responsive design va ben oltre le dimensioni dello schermo o del contenitore. Puoi scoprire come creare siti adattabili moderni nel nostro corso Learn Design. Oggi vengono lanciati i primi cinque moduli, 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 una serie di pattern di layout. Questi ti forniranno un solido punto di partenza per molti pattern di interfaccia comuni.
Corsi per aiutarti ad apprendere 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: Moduli di apprendimento. Insieme a questi corsi, puoi trovare i primi moduli di Learn PWA.