- Ahora los usuarios pueden seleccionar dispositivos Bluetooth de bajo consumo para conectarse a sitios web que usan la API de Web Bluetooth.
position: stickyvolvió, lo que facilita la creación de elementos que se desplazan de forma normal 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 a ver las novedades para desarrolladores en Chrome 56.
API de Web Bluetooth
Hasta ahora, los usuarios que tenían dispositivos Bluetooth se veían obligados a instalar apps nativas para comunicarse con ellos. Con Chrome 56, los usuarios pueden seleccionar dispositivos Bluetooth de bajo consumo cercanos para proporcionarlos a sitios web que usan la API de Bluetooth Web.
Al igual que seleccionar archivos para compartirlos con un sitio web, esto es más seguro que instalar una aplicación nativa que pueda leer datos de cualquier lugar. Los usuarios tienen el control total de cuándo y qué dispositivo se comparte con un sitio web específico.
La API de Bluetooth Web 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. El Bluetooth web también se puede combinar con píxeles contadores web físicos para facilitar aún más el descubrimiento de dispositivos cercanos.
Francois tiene un gran artículo sobre las actualizaciones. Asegúrate de revisar algunas de las demostraciones geniales que lo acompañan.
CSS position: sticky;
Anteriormente, la compilación de encabezados de contenido que se desplazaban de forma normal hasta pegarse a la parte superior del viewport requería escuchar eventos de desplazamiento y cambiar la posición de un elemento de relativa a fija en un umbral especificado. Es difícil de sincronizar y, a menudo, genera pequeños saltos visuales.
Chrome ahora admite CSS position: sticky;, una nueva forma de posicionar elementos.
Un elemento que tiene una posición fija comienza de forma relativa, pero se vuelve fijo después de que el elemento alcanza una posición de desplazamiento determinada.
Simplemente establece position: sticky y 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 pasábamos a HTML5 de forma predeterminada para ofrecer una experiencia más segura y eficiente en términos de energía. Este cambio inhabilita Adobe Flash Player, a menos que el usuario indique que desea contenido de Flash en sitios específicos. Con el tiempo, 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 pedirá que ejecuten Flash en sitios que nunca visitaron.
Más detalles sobre cómo y cuándo se les pedirá a los usuarios y recomendaciones para probar tus sitios de Flash.
Y mucho más
Y, por supuesto, hay mucho más.
- WebVR está disponible como una prueba de origen.
- La API de WebGL 2.0 ya está disponible.
- Además, la API de Payment Request tiene una variedad de funciones nuevas.
Si quieres mantenerte al tanto de las novedades de Chrome y saber qué está por llegar, asegúrate de suscribirte, seguir a @ChromiumDev en Twitter y mirar los videos de Chrome Dev Summit para obtener más información sobre algunas de las funciones increíbles en las que trabaja el equipo de Chrome.
Soy Pete LePage y, en cuanto se lance Chrome 57, estaré aquí para contarte las novedades de Chrome.
Huevo de Pascua de Novedades de Chrome
Si llegaste hasta aquí, te mereces ver el video de errores de Novedades de Chrome 52. Sentía que cada vez que abría la boca, pasaba un camión, volaba un helicóptero o sonaba la bocina de un auto.
Ah, y muchas gracias a Andrew por prestarme su camisa. Tuve un problema con el armario.