Novità di Chrome 57

Pete LePage

  • Chrome 57 aggiunge il supporto per display: grid, la nuova Specifica del layout a griglia CSS.
  • Ora puoi personalizzare e rispondere all'input utente nella schermata di blocco e utilizzando la nuova API Media Session.
  • E ce ne sono molti altri.

Mi chiamo Pete LePage, diamo un'occhiata e scopriamo le novità di Chrome 57 per gli sviluppatori.

Layout a griglia CSS

Flexbox è un potente strumento di layout. Rende possibili molti layout complessi, ma può utilizzare solo il layout in una dimensione. Chrome 57 aggiunge il supporto per display: grid - la nuova specifica del layout griglia CSS, l'aggiunta di un nuovo potente strumento per la creazione di layout bidimensionali basati su griglia ottimizzate per la progettazione di un'interfaccia utente reattiva.

Gli elementi all'interno della griglia possono estendersi su più colonne o righe. Regioni in un È anche possibile assegnare un nome alla griglia CSS, per semplificare la comprensione del codice del layout.

Sandro ha un post Aggiornamenti e quando vorrai approfondire l'argomento, dai un'occhiata Sito di Rachel Andrew: GridByExample.com.

API Media Session

Una delle funzionalità mancanti delle applicazioni multimediali web è stata una profonda integrazione con l'esperienza multimediale principale dei dispositivi mobili. In Chrome per Android, ora puoi personalizzare la schermata di blocco e le notifiche con contenuti multimediali usando la nuova API Media Session.

Fornendo i metadati al browser sui contenuti riprodotti, puoi creare una schermata di blocco messaggi che includono informazioni quali titolo, artista, nome dell'album e un'opera d'arte. Puoi anche ascoltare e rispondere alle azioni degli utenti prese sulla notifica stessa, ad esempio cercando o saltandola.

Se vuoi iniziare rapidamente, Francois ha un ottimo Post degli aggiornamenti, o dai un'occhiata al Repository di esempio delle sessioni multimediali su Chrome su GitHub.

E tanto altro.

E c'è molto altro.

  • Ci sono alcuni miglioramenti all'API Payment Request.
  • Puoi specificare il colore del cursore di input di testo con i caret-color proprietà.
  • Gli effetti visivi, come il colore della linea e lo stile, possono essere specificati con nuovi text-decoration proprietà.
  • L'API Fetch Classe di risposta ora supporta .redirected per evitare risposte inaffidabili e ridurre il rischio di registi.
  • Tutti i -webkit- con prefisso IndexedDB gli alias globali sono stati rimossi, e il loro ritiro in M38.
  • Una delle mie preferite, novità padStart e padEnd metodi di formattazione che semplificano la spaziatura interna delle stringhe quando si allinea l'output della console o stampare numeri con un numero fisso di cifre.

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

Grazie a Igalia

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

Non perderti nulla

Se vuoi essere sempre aggiornato su Chrome e scoprire le prossime novità, assicurati di iscriversi al nostro canale o seguire @ChromiumDev su Twitter. Non dimenticare di dare un'occhiata alla video del Chrome Dev Summit per un approfondimento su alcune delle fantastiche cose a cui il team di Chrome sta lavorando.

Sono Pete LePage e non appena uscirà Chrome 58, mi trovo qui per dirti le novità di Chrome