Novedades de Chrome 56

  • Los usuarios ahora pueden seleccionar dispositivos Bluetooth de bajo consumo para conectarse a sitios web que usan la API de Web Bluetooth.
  • position: sticky está de vuelta, lo que facilita la creación de elementos que se desplazan normalmente hasta que se adhieren a la parte superior del viewport.
  • Además, la opción HTML5 de forma predeterminada está habilitada para todos los usuarios.

Soy Pete LePage. Comencemos y veamos las novedades para desarrolladores en Chrome 56.

API de Web Bluetooth

Hasta ahora, los usuarios que tenían dispositivos Bluetooth debían instalar apps nativas para comunicarse con ellos. Con Chrome 56, los usuarios pueden seleccionar dispositivos cercanos con Bluetooth de bajo consumo para proporcionarlos a los sitios web que usan la API de Web Bluetooth.

De manera similar a la selección de archivos para compartir con un sitio web, esto es más seguro que instalar una aplicación nativa que pueda leer datos de cualquier otra cosa. Los usuarios tienen control total sobre qué dispositivo y cuándo se comparte con un sitio web específico.

La API de Web Bluetooth usa el protocolo GATT, que permite que las apps se conecten a dispositivos como bombillas, juguetes, monitores de frecuencia cardíaca, pantallas LED y mucho más con solo unas pocas líneas de JavaScript. También se puede combinar el Bluetooth web con balizas web físicas para facilitar aún más la detección de dispositivos cercanos.

Francois tiene un excelente artículo sobre Actualizaciones, así que asegúrate de revisar algunas demostraciones interesantes.

CSS position: sticky;

Anteriormente, para compilar encabezados de contenido que se desplazaban normalmente hasta que se adhiere a la parte superior del viewport, se requerían escuchar los eventos de desplazamiento y cambiar la posición de un elemento de relativa a fija en un umbral especificado. Era difícil sincronizar y, a menudo, daba como resultado pequeños saltos visuales.

Chrome ahora admite CSS position: sticky;, una nueva forma de posicionar elementos.

Un elemento con posición fija, comienza en relación con el valor relativo, pero se vuelve fijo después de que el elemento alcanza una posición de desplazamiento determinada.

Solo configura position: sticky y establece un umbral para que se vuelva fijo.

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

Paul Kinlan tiene una publicación de Actualizaciones al respecto.

HTML5 de forma predeterminada

En agosto del año pasado, anunciamos que cambiaríamos a HTML5 de forma predeterminada para ofrecer una experiencia más segura y con un uso más eficiente de la energía. Este cambio inhabilita Adobe Flash Player, a menos que exista una indicación del usuario de que desea contenido Flash en sitios específicos y, finalmente, todos los sitios web requerirán el permiso del usuario para ejecutar Flash.

En Chrome 56, se habilitó HTML5 de forma predeterminada para todos los usuarios, lo que significa que se les solicitará que ejecuten Flash en sitios que nunca hayan visitado.

Obtén más detalles sobre cómo y cuándo se les solicitará a los usuarios, y recomendaciones para probar tus sitios Flash.

Más entornos

Y, por supuesto, hay mucho más.

Si quieres estar al tanto de Chrome y estar al tanto de las próximas novedades, asegúrate de suscribirte, seguir a @ChromiumDev en Twitter y mirar los videos de la Chrome Dev Summit para obtener más detalles sobre algunas de las funciones increíbles en las que está trabajando el equipo de Chrome.

Soy Pete LePage, y apenas se lance Chrome 57, estaré aquí para comentarte las novedades de Chrome.

Novedades de Chrome: Huevo de Pascua

Si leíste hasta ahora, te mereces ver el corto de errores de Novedades en Chrome 52. Sentía que cada vez que abría la boca, pasaba un camión, un helicóptero sobrevolaba y un auto tocaba la bocina.

¡Ah, y muchas gracias a Andrew por prestarme su camisa! tuve un poco desperfecto en el armario.