Novità di Chrome 57

Pete LePage

  • Chrome 57 aggiunge il supporto per display: grid, la nuova specifica CSS Grid Layout.
  • Ora puoi personalizzare e rispondere all'input dell'utente sulla schermata di blocco e nelle notifiche utilizzando la nuova API Media Session.
  • E ce ne sono molti altri.

Sono Pete LePage. Diamo un'occhiata alle novità per gli sviluppatori in Chrome 57.

Layout a griglia CSS

Flexbox è un potente strumento di layout. Consente di creare molti layout complessi, ma solo in una dimensione. Chrome 57 aggiunge il supporto per display: grid, la nuova specifica CSS Grid Layout, aggiungendo un nuovo e potente strumento per la creazione di sistemi di layout basati su griglie bidimensionali, ottimizzati per il design di interfacce utente responsive.

Gli elementi all'interno della griglia possono occupare più colonne o righe. Anche le regioni in una tabella CSS possono essere denominate, rendendo più facile la comprensione del codice di layout.

Surma ha scritto un post sugli aggiornamenti in merito e, quando vorrai approfondire l'argomento, visita il sito di Rachel Andrew: GridByExample.com.

API Media Session

Una delle funzionalità mancanti delle applicazioni multimediali web è stata la possibilità di integrarsi in modo approfondito 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.

Fornendo al browser metadata relativi ai contenuti riprodotti, puoi creare messaggi sulla schermata di blocco avanzati che includono informazioni come titolo, artista, nome dell'album e artwork. Puoi anche ascoltare e rispondere alle azioni dell'utente svolte sulla notifica stessa, ad esempio la ricerca o il passaggio.

Se vuoi iniziare subito, consulta il fantastico post di aggiornamento di Francois o il repo ufficiale dei sample delle sessioni multimediali di Chrome su GitHub.

E tanto altro.

E c'è molto altro ancora.

  • Esistono alcuni miglioramenti all'API Payment Request.
  • Puoi specificare il colore del cursore di immissione di testo con la proprietà caret-color.
  • Gli effetti visivi, come il colore e lo stile delle linee, possono essere specificati con nuove proprietà text-decoration.
  • La classe Response dell'API Fetch now supporta l'attributo .redirected per contribuire a evitare risposte non attendibili e ridurre il rischio di reindirizzamenti aperti.
  • Tutti gli alias globali di IndexedDB con prefisso -webkit- sono stati rimossi dopo il ritiro nella versione M38.
  • E una delle mie preferite: i nuovi metodi di formattazione padStart e padEnd che semplificano il riempimento delle stringhe durante l'allineamento dell'output della console o la stampa di numeri con un numero fisso di cifre.

Queste sono solo alcune delle modifiche apportate a Chrome 57 per gli sviluppatori.

Un saluto a Igalia

Infine, un grande ringraziamento agli ingegneri e al team di Igalia per il loro fantastico lavoro su Blink. Hanno avuto un ruolo fondamentale nell'implementazione delle nuove funzionalità CSS Grid e caret-color.

Non perderti nulla

Se vuoi rimanere al passo con Chrome e sapere cosa ti aspetta, assicurati di abbonarti al nostro canale o di seguire @ChromiumDev su Twitter. Inoltre, non perderti i video del Chrome Dev Summit per scoprire di più su alcune delle fantastiche funzionalità su cui sta lavorando il team di Chrome.

Sono Pete LePage e, non appena verrà rilasciato Chrome 58, sarò qui per raccontarti le novità di Chrome.