Novità di Chrome 56

Pete LePage

  • Ora gli utenti possono selezionare i dispositivi Bluetooth Low Energy per connettersi a siti web che utilizzano l'API Web Bluetooth.
  • position: sticky è tornato: ora è più facile creare elementi che scorrono normalmente fino a rimanere bloccati nella parte superiore dell'area visibile.
  • Inoltre, l'opzione HTML5 per impostazione predefinita è attivata per tutti gli utenti.

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

API Web Bluetooth

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

È simile alla selezione dei file da condividere con un sito web ed è più sicuro dell'installazione di un'applicazione nativa in grado di leggere i dati da qualsiasi dispositivo. 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 come lampadine, giocattoli, monitor della frequenza cardiaca, display LED e altro ancora con solo poche righe di JavaScript. Il Bluetooth web può essere combinato anche con web beacon fisici per semplificare ulteriormente il rilevamento di dispositivi nelle vicinanze.

Francois ha scritto un ottimo articolo sugli aggiornamenti, non perderti le interessanti demo che lo accompagnano.

CSS position: sticky;

In precedenza, per creare intestazioni dei contenuti che scorrevano normalmente fino a quando non rimanevano bloccate nella parte superiore dell'area visibile era necessario ascoltare gli eventi di scorrimento e passare la posizione di un elemento da relativa a fissa a una soglia specificata. È stato difficile sincronizzarli e spesso si verificano piccoli salti visivi.

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

Un elemento con posizione fissa inizia in modo relativo, ma diventa fisso dopo aver raggiunto una determinata posizione di scorrimento.

Basta impostare position: sticky e 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 scritto un post nella sezione Aggiornamenti su questo argomento.

HTML5 per impostazione predefinita

Lo scorso agosto abbiamo annunciato che avremmo passato a HTML5 per impostazione predefinita per offrire un'esperienza più sicura e con un minor consumo di energia. Questa modifica disattiva Adobe Flash Player, a meno che l'utente non indichi di voler visualizzare contenuti Flash su siti specifici. Alla fine, tutti i siti web richiederanno l'autorizzazione dell'utente per eseguire Flash.

In Chrome 56, l'HTML5 è stato attivato per impostazione predefinita per tutti gli utenti, il che significa che gli utenti dovranno eseguire Flash sui siti che non hanno mai visitato.

Ulteriori dettagli su come e quando verrà richiesto agli utenti di eseguire l'aggiornamento e consigli su come testare i siti Flash.

E altro ancora

E naturalmente, ce ne sono molti altri.

Se vuoi rimanere al passo con Chrome e sapere cosa ti aspetta, assicurati di abbonarti, di seguire @ChromiumDev su Twitter e di guardare i video del Chrome Dev Summit per approfondire alcune delle fantastiche funzionalità su cui sta lavorando il team di Chrome.

Sono Pete LePage e, non appena verrà rilasciato Chrome 57, sarò qui per dirti tutte le novità di Chrome.

Novità nell'uovo di Pasqua di Chrome

Se hai letto fino a qui, meriti di vedere il reel di errori di Novità di Chrome 52. Avevo la sensazione che ogni volta che aprivo bocca, passasse un camion, volasse un elicottero o suonasse il clacson di un'auto.

E un grande grazie ad Andrew per avermi prestato la sua camicia. Ho avuto un piccolo malfunzionamento con l'armadio.