- Chrome 57 agrega compatibilidad con
display: grid, la nueva Especificación del diseño de cuadrícula de CSS. - Ahora puedes personalizar las entradas del usuario y responder a ellas en la pantalla de bloqueo. notificaciones con la nueva API de Media Session.
- Y hay mucho más.
Soy Pete LePage. Profundicemos en las novedades para los desarrolladores en Chrome 57.
Diseño de cuadrícula de CSS
Flexbox es una potente herramienta de diseño. Permite muchos diseños complejos,
pero solo puede hacer 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
agregar una nueva y potente herramienta para crear un diseño bidimensional basado en cuadrículas
optimizados para el diseño de interfaces de usuario adaptables.
Los elementos dentro de la cuadrícula pueden abarcar varias columnas o filas. Regiones en un También se puede asignar un nombre a la cuadrícula de CSS, lo que hace que el código de diseño sea más fácil de entender.
Surma tiene una publicación de actualizaciones y cuando estés listo para profundizar en él, consulta Sitio de Rachel Andrew: GridByExample.com.
API de Media Session
Una de las funciones que faltan de las aplicaciones web de medios fue la permiten una integración profunda con la experiencia de medios 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.
Proporcionando metadatos al navegador sobre el contenido que se está reproduciendo, puedes crear una pantalla de bloqueo enriquecida mensajes que incluyen información como el título, el artista, el nombre del álbum y obras de arte. También puedes escuchar responder a las acciones del usuario tomada en la notificación, como saltar o saltar,
Si quieren comenzar rápido, Francois tiene una gran Publicar actualizaciones, o consulta el oficial Repositorio de muestras de sesiones multimedia de Chrome en GitHub.
Y mucho más.
Hay mucho más.
- Existen algunos mejoras a la API de Payment Request.
- Puedes especificar el color del cursor de entrada de texto con el
caret-colorpropiedad. - Los efectos visuales, como el color y el estilo de línea, se pueden especificar con nuevos
text-decorationpropiedades. - La API de Fetch
Clase de respuesta
ahora es compatible
.redirectedpara evitar respuestas poco fiables y reducir el riesgo de o redireccionamientos. - Todos los IndexedDB con el prefijo
-webkit-se quitaron los alias globales, después su baja en M38. - Y uno de mis favoritos, el nuevo
padStartypadEndmétodos de formato que simplifican el relleno de cadenas cuando se alinea el resultado de la consola o imprimir números con una cantidad fija de dígitos.
Estos son solo algunos de los cambios que se implementaron en Chrome 57 para desarrolladores.
Agradece a Igalia
Finalmente, un gran agradecimiento a los ingenieros y al equipo de
Igalia por su increíble trabajo en Blink. Ellas
fueron fundamentales para obtener las nuevas funciones de cuadrícula de CSS y caret-color.
Mantente al día
Si quieres estar al día con Chrome y saber lo que se avecina, asegúrate de suscribirse a nuestro canal o seguir @ChromiumDev en Twitter Asegúrate de echar un vistazo a la de Chrome Dev Summit para conocer más a fondo algunas de las funciones increíbles en las que está trabajando el equipo de Chrome.
Soy Pete LePage, y apenas se lance Chrome 58, estaré aquí para decirte las novedades de Chrome.