Novedades de Chrome 57

Pete LePage

  • Chrome 57 agrega compatibilidad con display: grid, la nueva especificación de diseño de cuadrícula de CSS.
  • Ahora puedes personalizar y responder las entradas del usuario en la pantalla de bloqueo y las notificaciones con la nueva API de Media Session.
  • ¡Y hay muchas opciones más!

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

Diseño de cuadrícula de CSS

Flexbox es una potente herramienta de diseño. Permite realizar muchos diseños complejos, pero solo puede hacer diseños en una dimensión. Chrome 57 agrega compatibilidad con display: grid, la nueva especificación de diseño de cuadrícula de CSS, y agrega una nueva y potente herramienta para crear sistemas de diseño bidimensionales basados en cuadrículas, optimizados para un diseño de interfaz de usuario responsiva.

Los elementos dentro de la cuadrícula pueden abarcar varias columnas o filas. También se pueden asignar nombres a las regiones de una cuadrícula de CSS, lo que facilita la comprensión del código de diseño.

Surma tiene una publicación de actualizaciones al respecto. Cuando estés listo para profundizar más, consulta el sitio de Rachel Andrew: GridByExample.com.

API de Media Session

Una de las funciones que faltan de las aplicaciones de contenido multimedia web es la capacidad de integrarse profundamente con la experiencia multimedia principal en dispositivos móviles. En Chrome para Android, ahora puedes personalizar la pantalla de bloqueo y las notificaciones con contenido multimedia mediante la nueva API de Media Session.

Cuando proporcionas metadatos al navegador sobre el contenido que se reproduce, puedes crear mensajes enriquecidos en la pantalla de bloqueo que incluyan información como el título, el artista, el nombre del álbum y el material gráfico. También puedes escuchar y responder a las acciones del usuario realizadas en la notificación, como saltar o buscar.

Si quieres comenzar rápidamente, Francois tiene una excelente publicación de actualizaciones, o bien consulta el repositorio oficial de muestras de sesiones multimedia de Chrome en GitHub.

Y mucho más.

¡Y hay mucho más!

  • Hay algunas mejoras en la API de Payment Request.
  • Puedes especificar el color del cursor de entrada de texto con la propiedad caret-color.
  • Se pueden especificar efectos visuales, como el color y el estilo de la línea, con las nuevas propiedades text-decoration.
  • La clase de respuesta de la API de recuperación ahora admite el atributo .redirected para ayudar a evitar respuestas no confiables y reducir el riesgo de subdirectorios abiertos.
  • Se quitaron todos los alias globales IndexedDB con el prefijo -webkit- después de su baja en M38.
  • Y uno de mis favoritos: los nuevos métodos de formato padStart y padEnd que simplifican el relleno de las cadenas cuando se alinean los resultados de la consola o se imprimen los números con una cantidad fija de dígitos.

Estos son solo algunos de los cambios en Chrome 57 para desarrolladores.

Un saludo a Igalia

Por último, queremos saludar a los ingenieros y al equipo de Igalia por su increíble trabajo en Blink. Fueron fundamentales para obtener las nuevas funciones de caret-color y de la cuadrícula de CSS.

Mantente al día

Si quieres estar al tanto de Chrome y estar al tanto de las próximas novedades, asegúrate de suscribirte a nuestro canal o seguir a @ChromiumDev en Twitter. Asegúrate de ver los videos de la Cumbre de desarrolladores de Chrome para obtener información más detallada sobre las funciones asombrosas en las que está trabajando el equipo de Chrome.

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