Il team di Chrome risponde ai dubbi della community.

Chrome su Android passerà alla visualizzazione a tutto schermo a partire da Chrome 135.

Creare esperienze web end-to-end

Scopri come le animazioni basate sullo scorrimento e attivate dallo scorrimento migliorano gli articoli narrativi

Ora puoi utilizzare attr() con qualsiasi proprietà CSS, incluse le proprietà personalizzate, e può analizzare i valori in tipi di dati diversi dalle stringhe.

Unisciti al team di Chrome DevRel e a un dinosauro Chrome che fa skateboard in un viaggio attraverso le ultime funzionalità CSS lanciate per Chrome e la piattaforma web nel 2024.

Chrome 131 è in fase di implementazione. Più stili CSS per l'elemento dettagli, layout di stampa più semplice con caselle per i margini della pagina e molto altro.

Ora puoi impostare il tipo di visualizzazione e anche applicare uno stile al contenitore per la parte che si espande e si comprime utilizzando il nuovo pseudo-elemento ::details-content.

Chrome 130 è in fase di implementazione. La funzionalità Picture in picture dei documenti ti offre un maggiore controllo sulle finestre Picture in picture, le dichiarazioni CSS nidificate correggono alcuni casi limite complicati e puoi specificare il comportamento delle decorazioni degli elementi suddivisi su più righe. Pete LePage ha tutti i dettagli sulle novità per gli sviluppatori di Chrome 130.

Inizia a eseguire le transizioni della visualizzazione dello stesso documento da usare nella tua applicazione a pagina singola.

Applica l'animazione alle parole chiave di dimensionamento intrinseco con "interpolate-size" e "calc-size()"

Presentazione di due nuovi eventi JavaScript: scrollSnapChange e scorriSnapChange.

Con sempre più persone che iniziano a esaminare l'API View Transizione, è il momento di sfatare alcuni equivoci.

Leggi tutti gli annunci relativi a CSS e all'interfaccia utente web da Google I/O 2024.

Annuncio delle transizioni della visualizzazione tra documenti per MPA, delle transizioni della visualizzazione selettiva con tipi attivi e della condivisione degli stili di animazione con classe di transizione visualizzazione.

Scopri in che modo i siti di e-commerce traggono vantaggio dall'implementazione delle funzionalità più recenti di CSS e UI: visualizzazione delle transizioni, animazioni con scorrimento, API Popover e altro.

Scopri i vantaggi delle animazioni con scorrimento di Policybazaar, redBus e Tokopedia.

Un corso video in 10 parti per scoprire tutto sulle animazioni con scorrimento

Una proposta per definire la muratura e la griglia con specifiche diverse.

Inizia a eseguire le transizioni della visualizzazione tra documenti da utilizzare nella tua applicazione multi-pagina (MPA).

L'API View Transizione consente di aggiungere transizioni tra le visualizzazioni di un sito web.

A partire dalla versione 122 di Chrome, l'elemento "::backdrop" eredita le proprietà dall'elemento di origine.

Utilizza le proprietà "scrollbar-width" e "scrollbar-color" per definire lo stile delle barre di scorrimento.

Crea un'accordion esclusiva con più elementi "" che hanno lo stesso "nome".

Il 2023 è stato un anno fantastico per CSS. Scopri quali contenuti sono arrivati quest'anno a Chrome e alla piattaforma web.

Scopri come utilizzare @scope per selezionare elementi solo all'interno di una sottostruttura limitata del DOM.

Ti presentiamo linear(), una funzione di easing in CSS che interpola linearmente tra i suoi punti, consentendoti di ricreare gli effetti di rimbalzo e molla.

Le 20 funzionalità principali CSS e UI illustrate alla conferenza Google I/O 2023 che non puoi non perdere.

Scopri come utilizzare le sequenze temporali di scorrimento e le sequenze temporali per creare animazioni a scorrimento in modo dichiarativo.

Una delle nostre funzionalità preferite del preprocessore CSS è ora integrata nel linguaggio: le regole di stile nidificate.

Il CSS Working Group sta continuando un dibattito sul modo migliore per definire la nidificazione all'interno dei CSS. Se sei un autore di CSS, vorremmo il tuo aiuto.

Quali sono le modifiche imminenti al comportamento di ridimensionamento dell'area visibile in Chrome 108, perché Chrome sta apportando questa modifica e che cosa puoi fare per prepararti.

Stiamo implementando Chrome 106. Sono disponibili nuove API internazionali per offrirti maggiore controllo durante la formattazione dei numeri. È disponibile una prova dell'origine per la nuova API Pop Up, che semplifica la visualizzazione dei contenuti critici per l'utente. Sono stati apportati alcuni miglioramenti al CSS. E c'è molto altro.

Utilizzando Angular come progetto pilota di prova, i team di Chrome DevTools e Angular hanno collaborato per offrirti un'esperienza di debug migliore. Altri framework possono implementare modifiche simili.

Dai un'occhiata ad alcune delle recenti modifiche in Chrome DevTools che migliorano l'esperienza di debug e profilazione quando lavori con bundler, framework e codice di terze parti.

"I livelli Cascade sono una nuova API CSS per aiutarti a gestire la precedenza a cascata del tuo codice, che a breve sarà disponibile in tutti i browser moderni."

È in corso l'implementazione di Chrome 89. WebHID, WebNFC e Web Serial sono stati superati dalle loro prove dell'origine e sono ora disponibili in modalità stabile. Stiamo chiudendo una scappatoia usata da alcuni sviluppatori per limitare i controlli di installabilità delle PWA. Condivisione web e Target condivisione web sono disponibili sul computer. E c'è molto altro.

When multiple animations affect the same property simultaneously, should they replace each other, add, or accumulate?

Pre-filter a set of child elements before applying An+B logic on it.