Novità di Chrome 57

Pete LePage

  • In Chrome 57 viene aggiunto il supporto di display: grid, la nuova specifica del layout griglia CSS.
  • Ora puoi personalizzare e rispondere all'input utente nella schermata di blocco e alle notifiche utilizzando la nuova API Media Session.
  • E ce ne sono molti altri.

Mi chiamo Pete LePage, analizziamo le novità di Chrome 57 per gli sviluppatori.

Layout griglia CSS

Flexbox è un potente strumento di layout. Rende possibili molti layout complessi, ma può creare un layout solo in una dimensione. In Chrome 57 viene aggiunto il supporto di display: grid, la nuova specifica del layout griglia CSS, aggiungendo un nuovo e potente strumento per la creazione di sistemi di layout a griglia bidimensionali, ottimizzati per il design adattabile dell'interfaccia utente.

Gli elementi all'interno della griglia possono estendersi su più colonne o righe. È possibile anche assegnare un nome alle regioni in una griglia CSS, in modo da rendere il codice di layout più facile da comprendere.

Surma ha un post di Aggiornamenti al riguardo e, quando vuoi approfondire l'argomento, consulta il sito di Rachel Andrew: GridByExample.com.

API Media Session

Una delle funzionalità mancanti delle applicazioni multimediali web è stata la capacità di integrarsi profondamente con l'esperienza multimediale di base sui dispositivi mobili. In Chrome per Android, ora puoi personalizzare la schermata di blocco e le notifiche con contenuti multimediali utilizzando la nuova API Media Session.

Se fornisci metadati al browser sui contenuti riprodotti, puoi creare messaggi di blocco schermo avanzati che includono informazioni quali titolo, artista, nome dell'album e artwork. Puoi anche ascoltare e rispondere alle azioni degli utenti eseguite nella notifica stessa, ad esempio cercarla o saltarla.

Se vuoi iniziare rapidamente, Francois pubblica un ottimo post sugli aggiornamenti oppure dai un'occhiata al repository degli esempi di sessioni multimediali di Chrome su GitHub.

E tanto altro.

E c'è molto altro!

  • Sono stati apportati alcuni miglioramenti all'API Payment Request.
  • Puoi specificare il colore del cursore di input di testo con la proprietà caret-color.
  • Gli effetti visivi come il colore della linea e lo stile possono essere specificati con le nuove proprietà text-decoration.
  • La classe di risposta dell'API Fetch ora supporta l'attributo .redirected per evitare risposte inaffidabili e ridurre il rischio di amministratori aperti.
  • Tutti gli alias globali IndexedDB con prefisso -webkit- sono stati rimossi dopo il relativo ritiro in M38.
  • E uno dei miei preferiti: i nuovi metodi di formattazione padStart e padEnd che semplificano la spaziatura interna delle stringhe quando si allineano l'output della console o si stampano numeri con un numero fisso di cifre.

Queste sono solo alcune delle modifiche introdotte in Chrome 57 per gli sviluppatori.

Spargi la voce ad Igalia

Infine, un sentito ringraziamento agli ingegneri e al team di Igalia per lo straordinario lavoro svolto su Blink. Sono stati fondamentali per l'implementazione della nuova griglia CSS e delle funzionalità caret-color.

Non perderti gli aggiornamenti

Se vuoi tenerti al corrente su Chrome e conoscere le novità in arrivo, assicurati di iscriverti al nostro canale o segui @ChromiumDev su Twitter. E non dimenticare di guardare i video del Chrome Dev Summit per un'analisi più approfondita di alcune delle fantastiche cose su cui sta lavorando il team di Chrome.

Mi chiamo Pete LePage e sarò qui per dirti le novità di Chrome non appena uscirà la versione 58.