Novidades no Chrome 56

Pete LePage

  • Os usuários agora podem selecionar dispositivos Bluetooth de baixa energia para se conectar a sites que usam a API Web Bluetooth.
  • O position: sticky voltou, facilitando a criação de elementos que rolam normalmente até ficarem fixados na parte de cima da janela de visualização.
  • E o HTML5 por padrão está ativado para todos os usuários.

Meu nome é Pete LePage. Vamos conferir as novidades para desenvolvedores no Chrome 56.

API Web Bluetooth

Até agora, os usuários que tinham dispositivos Bluetooth eram obrigados a instalar apps nativos para se comunicar com eles. Com o Chrome 56, os usuários podem selecionar dispositivos Bluetooth de baixa energia nas proximidades para fornecer a sites que usam a API Web Bluetooth.

Assim como selecionar arquivos para compartilhar com um site, isso é mais seguro do que instalar um aplicativo nativo que possa ler dados de qualquer coisa. Os usuários têm controle total sobre quando e qual dispositivo é compartilhado com um site específico.

A API Web Bluetooth usa o protocolo GATT, que permite que os apps se conectem a dispositivos como lâmpadas, brinquedos, monitores de frequência cardíaca, telas de LED e muito mais com apenas algumas linhas de JavaScript. O Web Bluetooth também pode ser combinado com beacons da Web físicos para facilitar a descoberta de dispositivos próximos.

O François tem um ótimo artigo sobre atualizações. Confira algumas demonstrações para acompanhar o artigo.

CSS position: sticky;

Anteriormente, a criação de cabeçalhos de conteúdo que rolavam normalmente até ficarem fixados na parte de cima da viewport exigia a detecção de eventos de rolagem e a mudança da posição de um elemento de relativa para fixa em um limite especificado. Foi difícil sincronizar e, muitas vezes, resultou em pequenos saltos visuais.

O Chrome agora oferece suporte ao CSS position: sticky;, uma nova maneira de posicionar elementos.

Um elemento que é fixado na posição começa de forma relativa, mas se torna fixo depois que atinge uma determinada posição de rolagem.

Basta definir position: sticky e definir um limite para que ele se torne fixo.

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

Paul Kinlan tem um post sobre atualizações sobre isso.

HTML5 por padrão

Em agosto do ano passado, anunciamos que migraríamos para o HTML5 por padrão para oferecer uma experiência mais segura e eficiente. Essa mudança desativa o Adobe Flash Player, a menos que haja uma indicação do usuário de que ele quer conteúdo do Flash em sites específicos. Eventualmente, todos os sites vão exigir a permissão do usuário para executar o Flash.

No Chrome 56, o HTML5 foi ativado por padrão para todos os usuários, o que significa que eles vão receber uma solicitação para executar o Flash em sites que nunca visitaram.

Mais detalhes sobre como e quando os usuários vão receber a solicitação e recomendações sobre como testar seus sites em Flash.

E mais

E, claro, há muito mais.

Se você quiser ficar por dentro das novidades do Chrome e saber o que está por vir, assine, siga @ChromiumDev no Twitter e confira os vídeos do Chrome Dev Summit para saber mais sobre algumas das coisas incríveis em que a equipe do Chrome está trabalhando.

Meu nome é Pete LePage, e assim que o Chrome 57 for lançado, estarei aqui para contar as novidades do Chrome.

Novidade no Easter Egg do Chrome

Se você leu até aqui, merece ver o vídeo de erros do Novidades do Chrome 52. Parecia que toda vez que eu abria a boca, um caminhão passava, um helicóptero sobrevoava, um carro buzinava.

Ah, e muito obrigada ao Andrew por me emprestar a camisa dele! Tive um problema com o guarda-roupa.