- 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 mucho más!
Soy Pete LePage. Comencemos a ver las novedades para los desarrolladores en Chrome 57.
Diseño de cuadrícula de CSS
Flexbox es una herramienta de diseño potente. Permite muchos diseños complejos, pero solo puede realizar el diseño en una dimensión. Chrome 57 agrega compatibilidad con display: grid, la nueva especificación de diseño de cuadrícula de CSS, que agrega una nueva herramienta potente para crear sistemas de diseño bidimensionales basados en cuadrículas, optimizados para el diseño de interfaz de usuario responsivo.
Los elementos dentro de la cuadrícula pueden abarcar varias columnas o filas. Las regiones de una cuadrícula de CSS también se pueden nombrar, lo que facilita la comprensión del código de diseño.
Surma tiene una publicación de actualizaciones sobre este tema. Cuando tengas todo listo para profundizar, consulta el sitio de Rachel Andrew: GridByExample.com.
API de Media Session
Una de las funciones que faltan en las aplicaciones 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 usando la nueva API de Media Session.
Si proporcionas metadata al navegador sobre el contenido que se está reproduciendo, 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 detectar y responder a las acciones del usuario que se realizan en la notificación, como avanzar o omitir.
Si quieres comenzar rápidamente, Francois tiene una gran publicación de actualizaciones, o bien puedes consultar el repositorio oficial de muestras de sesiones multimedia de Chrome en GitHub.
Y mucho más.
¡Y mucho más!
- Se realizaron algunas mejoras en la API de Payment Request.
- Puedes especificar el color del cursor de entrada de texto con la propiedad
caret-color. - Los efectos visuales, como el color y el estilo de las líneas, se pueden especificar con nuevas propiedades
text-decoration. - La clase de respuesta de la API de Fetch ahora admite el atributo
.redirectedpara evitar respuestas poco confiables y reducir el riesgo de redireccionamientos abiertos. - Se quitaron todos los alias globales de IndexedDB con prefijo
-webkit-después de su baja en la versión M38. - Y uno de mis favoritos: los nuevos métodos de formato
padStartypadEndque simplifican el relleno de cadenas cuando se alinea el resultado de la consola o se imprimen 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, un gran saludo a los ingenieros y al equipo de Igalia por su excelente trabajo en Blink. Fueron fundamentales para lanzar las nuevas funciones de CSS Grid y caret-color.
Mantente al día
Si quieres mantenerte al tanto de las novedades de Chrome y saber qué está por llegar, asegúrate de suscribirte a nuestro canal o seguir a @ChromiumDev en Twitter. Además, asegúrate de 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 58, estaré aquí para contarte las novedades.