Novità di Chrome 56

Pete LePage

  • Ora gli utenti possono selezionare dispositivi Bluetooth Low Energy da connettere a siti web che usano l'API Web Bluetooth.
  • position: sticky è tornato, così è più facile creare elementi che scorrono normalmente fino a quando non si attaccano alla parte superiore dell'area visibile.
  • Inoltre, HTML5 per impostazione predefinita è abilitato per tutti gli utenti.

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

API Web Bluetooth

Finora, gli utenti con dispositivi Bluetooth sono stati costretti a installare app native per comunicare con loro. Con Chrome 56, gli utenti possono selezionare dispositivi Bluetooth Low Energy nelle vicinanze da fornire ai siti web che utilizzano l'API Web Bluetooth.

Analogamente alla selezione dei file da condividere con un sito web, questa operazione è più sicura rispetto all'installazione di un'applicazione nativa in grado di leggere i dati di qualsiasi cosa. Gli utenti hanno il pieno controllo di quando e quale dispositivo viene condiviso con un sito web specifico.

L'API Web Bluetooth utilizza il protocollo GATT, che consente alle app di connettersi a dispositivi quali lampadine, giocattoli, monitor del battito cardiaco, display a LED e altro ancora con alcune righe di JavaScript. Web Bluetooth può anche essere combinato con beacon web fisici per rendere ancora più semplice la scoperta di dispositivi nelle vicinanze.

Francois ha un ottimo articolo sugli Aggiornamenti, assicurati di dare un'occhiata ad alcune interessanti demo per accompagnarlo.

CSS position: sticky;

In precedenza, la creazione di intestazioni di contenuti che scorrevano normalmente fino a quando non si attaccavano alla parte superiore dell'area visibile richiedeva di ascoltare gli eventi di scorrimento e cambiare la posizione di un elemento da relativa a fissa a una soglia specificata. Era difficile da sincronizzare e spesso comporta piccoli salti visivi.

Chrome ora supporta CSS position: sticky;, un nuovo modo per posizionare gli elementi.

Un elemento nella posizione fisso inizia in modo relativo, ma diventa fisso dopo che l'elemento raggiunge una determinata posizione di scorrimento.

È sufficiente impostare position: sticky e impostare una soglia per renderlo fisso.

h3 {
  /* Element will be 'fixed' when it ... */
  position: sticky;
  /* ... is 10px from the top of the viewport */
  top: 10px;
}

Paul Kinlan ha pubblicato un post Aggiornamenti al riguardo.

HTML5 per impostazione predefinita

Lo scorso agosto abbiamo annunciato che avremmo passato a HTML5 per impostazione predefinita per offrire un'esperienza più sicura ed efficiente dal punto di vista energetico. Questa modifica disattiva Adobe Flash Player a meno che l'utente non indichi desideri che i contenuti Flash siano disponibili su siti specifici; infine, tutti i siti web richiederanno l'autorizzazione dell'utente per eseguire Flash.

In Chrome 56, HTML5 per impostazione predefinita è stato abilitato per tutti gli utenti, il che significa che verrà chiesto loro di eseguire Flash su siti che non hanno mai visitato.

Maggiori dettagli su come e quando verrà richiesto agli utenti e consigli su come testare i tuoi siti Flash.

E altro ancora

E, ovviamente, c'è molto altro.

Se vuoi tenerti sempre al corrente su Chrome e conoscere le novità, assicurati di iscriverti, seguire @ChromiumDev su Twitter e guardare i video del Chrome Dev Summit per approfondire alcune delle fantastiche cose su cui sta lavorando il team di Chrome.

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

Novità di Chrome Easter Egg

Se hai letto fino a qui, ti meriti di vedere le gaffe durante le riprese della Novità di Chrome 52. Ogni volta che aprivo la bocca, passava un camion, un elicottero in volo e un'auto faceva suonare il clacson.

Oh, e grazie di cuore ad Andrew per avermi prestato la sua camicia! Ho avuto un malfunzionamento del guardaroba.