Scopri la dashboard della piattaforma web e come puoi eseguire query sull'API HTTP per ottenere dati sulle funzionalità che hanno raggiunto il valore di riferimento e creare strumenti per il tuo flusso di lavoro di sviluppo.

Data la crescente importanza di Core Web Vitals, i proprietari di siti e gli sviluppatori si concentrano sempre di più sulle prestazioni e sulle esperienze utente chiave. Google offre molti strumenti per valutare, ottimizzare e monitorare le pagine, ma gli utenti spesso sono confusi dalle diverse fonti di dati e da come utilizzarle in modo efficace. Questa guida propone un flusso di lavoro che combina diversi strumenti e chiarisce dove e come hanno senso durante il processo di sviluppo.

Scopri di più su vari eventi relativi a Baseline durante febbraio 2025.

ruby-align ora fa parte di Baseline

Pubblicata il 20 febbraio 2025 Scaricare in modo affidabile modelli di IA di grandi dimensioni è un'attività impegnativa. Se gli utenti perdono la connessione a internet o chiudono il tuo sito web o la tua applicazione web, perdono i file del modello

Scopri di più sul suggerimento relativo alla risorsa rel=prefetch e su come utilizzarlo.

Cumulative Layout Shift (CLS) è una metrica che quantifica la frequenza con cui gli utenti riscontrano cambiamenti improvvisi nei contenuti della pagina. In questa guida illustreremo l'ottimizzazione delle cause comuni della metrica CLS, come immagini e iframe senza dimensioni o contenuti dinamici.

Scopri come identificare e correggere le variazioni del layout.

I CSS scrollbar-color e scrollbar-gutter sono stati implementati in tutti i principali motori dei browser, quindi sono disponibili come base di riferimento.

WasmFS e la funzionalità mimalloc in Emscripten possono essere di grande aiuto per l'allocazione e le prestazioni I/O. Questa guida mostra in che modo queste funzionalità possono portare a miglioramenti della velocità fino a 10 volte in alcuni casi.

In questa prima edizione, il digest mensile di Baseline illustra gli eventi di Baseline sia in Google che nella community di sviluppatori web a gennaio 2025.

Le ottimizzazioni della garbage collection e delle chiamate al termine di Wasm di WebAssembly sono ora disponibili in tutti i principali motori dei browser, il che le rende di nuova disponibilità come base di riferimento.

Questo post presenta la metrica Largest Contentful Paint (LCP) e spiega come misurarla

Promise.try è ora disponibile in tutti i principali motori dei browser, quindi è stato inserito nella categoria Base: appena disponibile.

Descrizione breve

Data di pubblicazione: 13 gennaio 2024 Esistono molti progetti straordinari che puoi realizzare con l'IA, con i classici modelli di machine learning e i più recenti modelli linguistici di grandi dimensioni (LLM). Con gli LLM, i computer possono

Ti è stato detto di "non bloccare il thread principale" e di "interrompere le tue attività lunghe", ma cosa significa fare quelle cose?

Una transazione di pagamento tramite Web Payments inizia con il rilevamento della tua app per pagamenti. Scopri come configurare un metodo di pagamento e come preparare l'app per consentire a commercianti e clienti di effettuare pagamenti.

Il mascheramento CSS offre la possibilità di utilizzare un'immagine come livello maschera. Ciò significa che puoi utilizzare un'immagine, un SVG o un gradiente come maschera per creare effetti interessanti senza un editor di immagini.

set di dati delle funzionalità web, dashboard dello stato della piattaforma web, widget dello stato del valore di riferimento e altro ancora. Dai un'occhiata al 2024 di Baseline.

Questo post spiega il caricamento lento e le opzioni a tua disposizione per implementarlo nei video.

Il precaricamento dei moduli offre un modo per caricare preventivamente i moduli JavaScript in modo dichiarativo.

Per ottimizzare l'esperienza utente, è essenziale capire in che modo gli utenti interagiscono con i tuoi moduli. La compilazione automatica del browser svolge un ruolo significativo in questo processo. Scopri come raccogliere e analizzare i dati sul modo in cui gli utenti utilizzano la compilazione automatica nei tuoi moduli.

Il rilevamento della tossicità protegge gli utenti e crea un ambiente online più sicuro. Nella seconda parte, impariamo a creare uno strumento di AI lato client per rilevare e mitigare la tossicità alla fonte.

Questo post descrive la metrica Tempo di blocco totale (TBT) e spiega come misurarla

Scopri come misurare i Web Vitals del tuo sito sia in ambienti reali che di laboratorio.

Una raccolta di best practice che Chrome ha identificato come le maggiori opportunità per ottimizzare il rendimento del web e migliorare i Core Web Vitals

Metriche essenziali per un sito sano

Una guida passo passo su come suddividere l'LCP e identificare le aree chiave da migliorare.

La proprietà CSS content-visibility è ora disponibile come riferimento.

La ricerca e la metodologia alla base delle soglie dei Segnali web essenziali

Hai esaminato i dati sul campo e hai scoperto che le tue interazioni sono lente. Il passaggio successivo consiste nell'ottenere ulteriori informazioni su come testare manualmente queste interazioni e identificare le cause alla base.

Questo articolo spiega la storia di Baseline, il coinvolgimento di Google e la proprietà del gruppo della community WebDX.

Scopri come ottimizzare le tue pagine per i caricamenti istantanei quando utilizzi i pulsanti Avanti e Indietro del browser.

La nidificazione CSS sta migliorando notevolmente.

Scopri come attribuire i dati sulle prestazioni con informazioni di debug che ti aiutano a identificare e risolvere i problemi degli utenti reali con l'analisi

Questo post introduce la metrica First Input Delay (FID) e spiega come misurarla

Che impatto ha @property sul rendimento del CSS?

Scopri come utilizzare gli strumenti Google per correlare Core Web Vitals alle entrate pubblicitarie.

Sono disponibili molte opzioni diverse per l'archiviazione dei dati nel browser. Qual è il più adatto alle tue esigenze?

Questo post spiega l'attributo di caricamento e come utilizzarlo per controllare il caricamento degli iframe.

Scopri i modi consigliati e non consigliati per creare più PWA riutilizzando lo stesso dominio con i relativi pro e contro.

Un tutorial interattivo passo passo che mostra come creare un server per gestire le iscrizioni alle notifiche push e inviare richieste di protocollo web push a un servizio push.

Cosa serve per modificare icone, scorciatoie, colori e altri metadati nel file manifest dell'app web per la tua PWA.

Criteri di installabilità delle app web progressive.

Quali sono le caratteristiche di un'app web progressiva di qualità o di qualità?

Il file manifest dell'app web è un semplice file JSON che indica al browser come dovrebbe comportarsi l'app web.

Scopri come eseguire il deployment di un CSP basato su nonce o hash di script come difesa in profondità contro il cross-site scripting.

Questo articolo aiuta gli sviluppatori web a scegliere l'API hardware giusta in base a un determinato dispositivo.

Scopri come utilizzare le richieste di origine correlata per consentire il riutilizzo delle passkey nei tuoi siti.

Questo post illustra l'attributo di caricamento e come può essere utilizzato per controllare il caricamento delle immagini.

La selezione del formato dell'immagine giusto è il primo passo per pubblicare immagini ottimizzate sul tuo sito web. Questo post ti aiuta a fare la scelta giusta.

Le metriche personalizzate ti consentono di misurare e ottimizzare gli aspetti dell'esperienza del tuo sito unici per il tuo sito.

Scopri come inviare i dati Web Vitals alle proprietà Google Analytics 4 ed esportarli a fini di analisi in BigQuery e Looker Studio.

Questa guida illustra le best practice da seguire per i siti web quando chiedono agli utenti l'autorizzazione ad accedere a funzionalità sensibili (come la fotocamera, il microfono e la posizione) per ridurre al minimo i prompt non necessari e il blocco dell'accesso.

Scopri in che modo le notifiche relative ai cookie influiscono sul rendimento, sulla misurazione del rendimento e sull'esperienza utente.

Gli sviluppatori web possono personalizzare le notifiche dei contenuti multimediali e rispondere a eventi relativi ai contenuti multimediali, come la ricerca o il cambio di traccia, con l'API Media Session.

Utilizza l'attributo tabindex per impostare esplicitamente la posizione della scheda di un elemento.

Prima di poter riprodurre le interazioni lente in laboratorio per ottimizzare l'interazione con Next Paint del tuo sito web, dovrai fare affidamento sui dati sul campo per trovarle. Scopri come farlo in questa guida.

Questo post presenta la metrica Time to First Byte (TTFB) e spiega come misurarla.

Scopri come regolare i prompt per ottenere i tuoi risultati preferiti su modelli LLM, dimensioni e modelli diversi.

Questo post presenta la metrica Interaction to Next Paint (INP), spiega come funziona e come misurarla, oltre a offrire suggerimenti su come migliorarla.

descrizione: definisci i colori che reagiscono allo schema di colori utilizzato con la funzione light-dark().

In questa guida, rivolta agli sviluppatori web che vogliono trarre vantaggio da WebAssembly, imparerai a utilizzare Wasm per esternalizzare attività ad alta intensità di CPU con l'aiuto di un esempio in esecuzione.

Nella griglia CSS, le proprietà "grid-template-columns" e "grid-template-rows" ti consentono di definire i nomi delle linee e il dimensionamento delle righe e delle colonne della griglia, rispettivamente. Il supporto dell'interpolazione per queste proprietà consente ai layout della griglia di passare facilmente da uno stato all'altro, invece di agganciarsi al punto a metà di un'animazione o transizione.

Scopri come controllare i giochi web con l'API Gamepad.

La proprietà inerte è un attributo HTML globale che semplifica la procedura di rimozione e ripristino degli eventi di input utente per un elemento, inclusi gli eventi di focus e gli eventi delle tecnologie per la disabilità.

Le parti affidabili possono determinare la provenienza della passkey esaminando AAGUID. Scopri come funziona.

Utilizzando l'esempio di un linguaggio giocattolo sintetico chiamato ExampleScript, scopri come scrivere e ottimizzare moduli WebAssembly in JavaScript utilizzando l'API Binaryen.js.

Il componente web <model-viewer> ti consente di utilizzare modelli 3D su una pagina web in modo dichiarativo.

La registrazione audio/video è stata la "spada nella roccia" dello sviluppo web per molto tempo. Per molti anni abbiamo dovuto fare affidamento su plug-in per browser ( Flash o Silverlight ) per svolgere il nostro lavoro. Forza! HTML5 viene in

Scopri come utilizzare "userVerification" in WebAuthn

Scopri i motivi per cui i dati RUM possono mostrare valori di Segnali web essenziali diversi da quelli di CrUX.

È importante creare siti inclusivi e accessibili a tutti. Ci sono almeno sei aree chiave di disabilità che possono essere ottimizzate: visiva, uditiva, mobilità, cognitiva, vocale e neurale.

Gli script di terze parti offrono una vasta gamma di funzionalità utili, rendendo il web più dinamico. Scopri come ottimizzare il caricamento degli script di terze parti per ridurne l'impatto sul rendimento.

Scopri come impedire la creazione di una nuova passkey se ne esiste già una nel gestore delle password dell'utente.

Una guida alle nozioni di base su IndexedDB.

CSS affidabile, potente e stabile al primo posto.

Scopri come eseguire l'ottimizzazione in base alla metrica Time to First Byte.

Qual è la differenza tra host, sito e origine? Che cos'è un eTLD+1? Questo articolo spiega.

Scopri cosa sono le credenziali rilevabili e come creare esperienze utente adatte al tuo caso d'uso.

Gli utenti notano se siti e app non funzionano correttamente, quindi ottimizzare le prestazioni del rendering è fondamentale.

"RidimensionaObservationr" ti avvisa quando il rettangolo dei contenuti di un elemento cambia dimensione, in modo che tu possa reagire di conseguenza.

Oltre a eliminare i download di risorse non necessarie, la soluzione migliore per migliorare la velocità di caricamento della pagina è ridurre al minimo le dimensioni di download complessive ottimizzando e comprimendo le risorse rimanenti.

Questo documento spiega come utilizzare l'API OffscreenCanvas per ottenere miglioramenti delle prestazioni durante il rendering delle immagini nella tua app web.

Questo post presenta la metrica First Contentful Paint (FCP) e spiega come misurarla

Questo articolo fornisce una panoramica completa delle reti CDN (Content Delivery Network). Spiega, inoltre, come scegliere, configurare e ottimizzare una configurazione CDN.

Indicazioni pratiche per gli sviluppatori su cosa fare quando un utente si disconnette dal sito web.

Questo post presenta la metrica Tempo all'interattività (TTI) e spiega come misurarla

L'API Fetch Priority indica la priorità relativa delle risorse rispetto al browser. Può consentire un caricamento ottimale e migliorare i Segnali web essenziali.

Informazioni sulle pseudo-classi :user-valid e :user-invalid e su come utilizzarle per migliorare l'esperienza utente della convalida dell'input.

Scopri in che modo i responsabili delle decisioni aziendali e i non sviluppatori possono migliorare i Segnali web essenziali.

Comprendi ed evita i problemi comuni relativi all'applicazione della codifica e decodifica Base64 alle stringhe.

La griglia consente la condivisione della griglia, consentendo l'allineamento delle griglie nidificate ai predecessori e ai livelli di pari livello.

Nel mondo digitale di oggi, la pubblicità online è una parte fondamentale del web senza costi di cui tutti usufruiamo. Tuttavia, gli annunci implementati in modo inadeguato possono rallentare l'esperienza di navigazione, frustrare gli utenti e ridurre il coinvolgimento. Scopri come caricare gli annunci in modo efficace senza influire sulla velocità della pagina, garantendo un'esperienza utente ottimale e massimizzando le opportunità di entrate per i proprietari di siti web.

Scopri cos'è la copertura del codice e i quattro modi comuni per misurarla.

Determina gli elementi da testare e quelli da escludere.

Stabilisci gli elementi da testare, definisci gli scenari di test e dai priorità.

Le metriche sul rendimento incentrate sull'utente sono uno strumento fondamentale per comprendere e migliorare l'esperienza sul tuo sito a vantaggio degli utenti reali.

Scopri le nuove ed entusiasmanti possibilità di precaricamento delle immagini adattabili al fine di garantire un'esperienza utente ottimale.

Un metodo per adattare un carattere alle preferenze degli utenti, in modo che possano leggere i tuoi contenuti al massimo.

Scopri come combinare diversi tipi di test in una strategia ragionevole che si adatti al tuo progetto.

Iniziamo dalle basi. Esplorazione delle due modalità di test generali e dei tre tipi comuni di automazione dei test.

Dovresti controllare periodicamente le risorse per assicurarti che ciascuna contribuisca a offrire un'esperienza utente migliore.

Il programma mkbitmap C legge un'immagine e vi applica una o più delle seguenti operazioni, in questo ordine: inversione, filtro passa-alto, scalabilità e soglia. Ogni operazione può essere controllata e attivata o disattivata singolarmente. Questo articolo mostra come compilare mkbitmap in WebAssembly.

Un'introduzione a WebAssembly (a volte abbreviata Wasm), il formato di codice binario portatile e il formato di testo corrispondente per i programmi eseguibili, nonché le interfacce software per facilitare le interazioni tra questi programmi e l'ambiente host.

Lo standard File System introduce un file system privato dell'origine (OPFS) come endpoint di archiviazione privato dell'origine della pagina e non visibile all'utente che fornisce l'accesso facoltativo a un tipo speciale di file altamente

Come visualizzare in modo sicuro i contenuti controllati dagli utenti su applicazioni web.

Una panoramica su come AVIF viene adottato nell'ecosistema e sui vantaggi in termini di prestazioni e qualità che gli sviluppatori possono aspettarsi da AVIF per immagini statiche e animazioni.

Scopri come ottimizzare l'interazione con Next Paint del tuo sito web.

Scopri alcune delle funzionalità che fanno parte di Baseline.

Il ritardo di input può contribuire in modo significativo alla latenza totale di interazione e influire negativamente sull'INP della tua pagina. In questa guida scoprirai cos'è il ritardo dell'input e come puoi ridurlo per un'interattività più rapida.

Le grandi dimensioni del DOM possono essere un fattore determinante per determinare se le interazioni sono rapide o meno. Scopri di più sulla relazione tra le dimensioni del DOM e l'INP, su cosa puoi fare per ridurre le dimensioni del DOM e su altri modi per limitare il lavoro di rendering quando la pagina ha molti elementi DOM.

Il rendering del codice HTML con JavaScript è diverso dal rendering dell'HTML inviato dal server, che può influire sulle prestazioni. Scopri le differenze in questa guida e cosa puoi fare per preservare il rendimento del rendering del tuo sito web, in particolare per quanto riguarda le interazioni.

Durante il caricamento degli script, il browser impiega del tempo per valutarli prima dell'esecuzione, il che può causare attività lunghe. Scopri come funziona la valutazione degli script e cosa puoi fare per evitare che causi attività lunghe durante il caricamento della pagina.

L'intero WordPress basato su PHP in esecuzione esclusivamente nel browser con WebAssembly

Questo post presenta la metrica Cumulative Layout Shift (CLS) e spiega come misurarla.

Una presentazione degli strumenti ora disponibili sul web grazie a WebAssembly.

Migliora l'esperienza di debug web con le mappe di origine.

Le app web progressive possono essere inviate ad app store come il Play Store Android o Microsoft Store e altri ancora.

CSS affidabile, potente e stabile al primo posto.

Calcola il seno, il coseno, la tangente e altro in CSS.

Il metodo requestVideoFrameCallback() consente agli autori web di registrare un callback che viene eseguito nei passaggi di rendering quando un nuovo frame video viene inviato al compositore.

Una serie di interviste con i membri del programma Google Developers Interop (GDE).

Questo post del blog annuncia una nuova raccolta di pattern per le app multimediali.

Creiamo l'effetto di testo con sfumatura animata con proprietà personalizzate basate sugli ambiti e background-clip Vai su CodePen e crea un nuovo pen. Crea il markup per il testo. Utilizziamo un titolo con la parola "Veloce": Poi, diamo al nostro

Come ha preso vita il libro a scorrimento grazie alla condivisione di suggerimenti e trucchi divertenti e paurosi su questa Chrome.

Una panoramica di base su come creare un elemento personalizzato con descrizione comando adattabile e accessibile al colore.

Le passkey rendono gli account utente di un sito web più sicuri, semplici, facili da usare e senza password. Questo articolo spiega come consentire agli utenti di creare passkey per il tuo sito web.

Le passkey rendono gli account utente di un sito web più sicuri, semplici, facili da usare e senza password. Questo articolo spiega come progettare un accesso senza password con passkey al fine di supportare gli utenti con password esistenti.

Una panoramica fondamentale su come creare componenti FAB adattabili al colore, reattivi e accessibili.

Scopri come ottimizzare i caratteri web per i Segnali web essenziali.

Una panoramica di tre strumenti e tecniche per testare e verificare il contrasto di colore accessibile del design.

Una serie di interviste con i membri del programma Google Developers Interop (GDE).

Creiamo un caricamento CSS animato con proprietà personalizzate basate sugli ambiti e animation-timing-function Vai su CodePen e crea un nuovo pen. Crea il markup per il nostro caricatore. Tieni presente l'utilizzo delle proprietà personalizzate in

Questo tutorial descrive come creare una navigazione principale accessibile in un sito web. Scoprirai l'HTML semantico, l'accessibilità e come l'utilizzo degli attributi ARIA a volte può fare più male che bene.

Questo pratico pseudo-selettore CSS offre un modo per selezionare elementi modali.

Una divertente esplorazione dei modi per ricreare un'illusione ottica con CSS.

Ottimizza tag e tag manager per Core Web Vitals.

Ecco alcuni modi utili e creativi per definire un elenco.

Vantaggi dell'utilizzo di proprietà personalizzate nei sistemi di progettazione e nelle librerie dei componenti.

Scopri come utilizzare le singole proprietà CSS di traslazione, rotazione e scalabilità per affrontare le trasformazioni in modo intuitivo.

Vediamo diversi modi per animare un bordo in CSS

La BBC sta implementando HSTS per il proprio sito web al fine di migliorare la sicurezza e le prestazioni. Scopri cosa significa e in che modo HSTS può aiutarti.

Scopri perché gli strumenti che monitorano le metriche di Segnali web essenziali possono indicare numeri diversi e come interpretare tali differenze.

La GDE Enrique Fernandez Guerra sull'open sourcing della sua ONG HelpDev.

Cosa comportava l'interruzione del supporto di Internet Explorer per i clienti e gli sviluppatori di Maersk.com.

Per quanto tempo HTML5Rocks, è stato bello conoscerti.

Scopri come impostare i cookie proprietari per garantire la sicurezza, la compatibilità tra i browser e ridurre al minimo le possibilità di interruzione una volta eliminati i cookie di terze parti.

L'API Web Audio consente di ottenere correttamente la sincronizzazione AV.

I gradienti conici possono essere utilizzati per creare effetti interessanti, come questo bel bordo. Questo CodePen creato da Adam Argyle, originariamente condiviso tramite questo tweet su Twitter, mostra come utilizzare un gradiente conico

Scopri le decisioni relative all'utilizzo di una libreria o un framework JavaScript.

Comprendi le differenze tra framework e librerie nel contesto di un ambiente JavaScript lato client.

Rilevamento di errori durante l'utilizzo dell'API Fetch.

Un aggiornamento sull'API CSS di Google Fonts: come funziona, come usarla e come può pubblicare in modo efficiente i tuoi caratteri web.

Questa risorsa può aiutarti a orientarti rapidamente all'interno del terminale.

GOV.UK ha eliminato la dipendenza jQuery dal front-end. Non indovinerai mai cosa è successo. (Sì.)

Una panoramica di base su come creare componenti adattabili al colore, adattabili e accessibili.

Scopri cos'è lo scanner di precaricamento del browser, in che modo migliora le prestazioni e come puoi evitare di intralciarlo.

Semplificare la creazione per il Web.

Come misurare i Segnali web con il tuo attuale strumento di analisi

Esperti di Google Developers sul Web che spiegano come i programmi di mentoring hanno permesso loro di diventare leader.

Una guida pratica ai caratteri variabili, con molti esempi.

Questo strumento di Josh W Comeau rende estremamente semplice creare sfumature dall'aspetto accattivante.

Una raccolta di approfondimenti sui principali punti deboli, raccolti da una serie di conversazioni individuali con gli sviluppatori web.

Controlla lo stato degli strumenti per le immagini.

Scopri di più sull'ambito e su come funziona in JavaScript.

Una panoramica di base su come creare mini e mega modali adattabili al colore, adattabili e accessibili con l'elemento ".

Scopri come eseguire il debug degli errori di riproduzione dei contenuti multimediali sul web.

Una serie di interviste con i membri del programma Google Developers Interop (GDE).

Il caricamento delle immagini all'interno dell'area visibile iniziale, con il caricamento lento del resto, può migliorare i Core Web Vitals caricando meno byte.

Una panoramica di base su come creare una barra di caricamento adattivo e accessibile per i colori con l'elemento "".

Mantieni i moduli di registrazione e di accesso il più semplici possibile. Salva le credenziali dai moduli di accesso in modo che gli utenti non debbano accedere di nuovo quando tornano. Per memorizzare le credenziali utente dai moduli: Prima di

Le modifiche alla stringa dello user agent, le strategie che Chrome e Firefox stanno adottando per mitigare l'impatto e come puoi aiutare.

Una panoramica di base su come creare una favicon adattiva.

Scopri come eseguire il rendering di grafica 2D su un canvas sul Web da WebAssembly con Emscripten.

Dimenticare o utilizzare in modo improprio l'intestazione Cache-Control potrebbe influire negativamente sulla sicurezza del tuo sito web e sulla privacy dei tuoi utenti. Ricevi consigli per siti web di alto valore.

Metriche essenziali per un sito sano

Scopri come gPhoto2 è stato trasferito in WebAssembly per controllare le fotocamere esterne tramite USB da un'app web.

Utilizza il logging degli errori di rete (NEL) per raccogliere gli errori di rete lato client.

Scopri come utilizzare le funzionalità più recenti di WebAssembly e supportare gli utenti su tutti i browser.

Scopri come il codice che interagisce con dispositivi esterni può essere portato sul web con le API WebAssembly e Fugu.

Una panoramica di base su come creare un componente per il cambio di tema adattivo e accessibile.

Scopri come incorporare codice JavaScript nella tua libreria WebAssembly per comunicare con il mondo esterno.

Oculus Quest 2 è un visore per la realtà virtuale (VR) creato da Oculus, una divisione di Meta. Ora gli sviluppatori possono creare e distribuire app web progressive (PWA) 2D e 3D che sfruttano la funzionalità multitasking di Oculus Quest 2. Questo articolo descrive l'esperienza e come creare, installare tramite sideload e testare la tua PWA in Oculus Quest 2.

Uno sguardo al processo e agli strumenti utilizzati per creare l'esperienza di Designcember in stile calendario festivo.

Un tentativo stravagante di ricreare sul web un calcolatore solare che utilizzi il sensore della luce ambientale e la funzionalità di sovrapposizione dei controlli delle finestre.

Per molto tempo, hai dovuto ricorrere a soluzioni alternative e librerie per creare una copia completa di un valore JavaScript. La piattaforma ora include "StructuredClone()", una funzione integrata per il deep-copy.

Una panoramica di base su come creare un componente toast adattivo e accessibile.

Annuncio del fondo per l'UI di Chrome, progettato per fornire sovvenzioni alle persone che lavorano su strumenti di design, CSS e HTML.

Una panoramica di base su come creare un menu 3D reattivo, adattivo e accessibile.

Scopri come misurare le animazioni, come valutare i frame dell'animazione e come regolare l'uniformità della pagina.

Una raccolta di tutte le principali comunicazioni del Chrome Dev Summit 2021, con i link per saperne di più.

Scopri le ultime novità di PageSpeed Insights per poter misurare e ottimizzare meglio la qualità della tua pagina e del tuo sito.

Prova una nuova API Lighthouse per misurare le prestazioni e le best practice in un flusso utente.

Negli ultimi tre anni, Chrome ha lavorato per supportare le applicazioni web che vogliono superare i limiti di ciò che è possibile fare nel browser. Una di queste applicazioni web è stata Photoshop. Solo pochi anni fa sarebbe stato difficile eseguire software complessi come Photoshop direttamente nel browser. Tuttavia, grazie all'utilizzo di varie nuove tecnologie web, Adobe ha ora reso disponibile sul web una versione beta pubblica di Photoshop.

Una panoramica di base su come creare un componente a selezione multipla, adattabile, adattivo e accessibile per ordinare e filtrare le esperienze utente.

Apprendi le nozioni di base sull'utilizzo delle API Navigation e Resource Timing per valutare le prestazioni di caricamento sul campo.

La nuova API Sanitizer mira a creare un processore robusto per stringhe arbitrarie da inserire in modo sicuro in una pagina. Questo articolo presenta l'API e ne spiega l'utilizzo.

Questo documento illustra le best practice per le prestazioni che puoi utilizzare durante il caricamento di incorporamenti di terze parti, tecniche di caricamento efficienti e lo strumento Terminatore della variazione del layout, che aiuta a ridurre le variazioni del layout per gli incorporamenti più diffusi.