Descubre algunas de las interesantes funciones que se incorporaron a los navegadores web estables y beta durante diciembre de 2022.
Versiones del navegador estable
En diciembre, Firefox 108 y Safari 16.2 se volvieron estables. Veamos qué significa esto para la plataforma web.
Compatibilidad con los atributos height
y width
de <source>
Firefox 108 admite atributos height
y width
para el elemento <source>
cuando es secundario de un elemento <picture>
. Estos atributos aceptan la altura o el ancho de la imagen (en píxeles) como un número entero sin una unidad.
Navegadores compatibles
- 90
- 90
- 108
- 15
Funciones trigonométricas de CSS
Firefox ahora también admite funciones trigonométricas en CSS: sin()
, cos()
, tan()
, asin()
, acos()
, atan()
y atan2()
.
Compatibilidad con la última línea de base en los tres motores
Además de varias correcciones de CSS, Safari 16.2 incluye alineación last baseline
para el diseño de la cuadrícula de CSS y el de Flexbox, lo que significa que esta función ahora es compatible con los tres motores principales del navegador.
CSS font-variant-alternates
Safari también agrega compatibilidad con valores adicionales para la propiedad font-variant-alternates
de CSS: anotación(nombre-valor), character-variant(nombre-valor), ornaments(nombre-valor), styleset(nombre-del-valor), estilístico(nombre-valor), swash(nombre-valor), junto con la regla-at @font-feature-values
asociada.
Versiones del navegador Beta
Las versiones de navegador beta te ofrecen una vista previa de los elementos que estarán disponibles en la próxima versión estable del navegador. Es un buen momento para probar nuevas funciones, o eliminaciones, que podrían afectar a tu sitio antes de que el mundo la implemente. Las nuevas versiones beta son Firefox 109, Safari 16.3 y Chrome 109.
La única función nueva que se menciona en Safari 16.3 es la incorporación de la directiva prefetch-src
de la Política de Seguridad del Contenido (CSP). También incluye una serie de correcciones en esta versión beta.
Chrome 109 admite MathML Core, un lenguaje para describir la notación matemática que se puede incorporar en HTML y SVG.
Un elemento nuevo de Chrome para Android es la Confirmación de pago segura (SPC). Se trata de un estándar web propuesto que permite a los clientes autenticarse con una entidad emisora de tarjetas de crédito, un banco o cualquier otro proveedor de servicios de pagos a través de un autenticador de plataforma, que por lo general se activa con la función de desbloqueo de pantalla de un dispositivo, como un sensor de huellas dactilares.
También es nuevo para Chrome en Android el Origin Private File System (OPFS), que forma parte de la API de File System Access en Android. Esto incluye toda la superficie de la API de File System Access, menos los métodos show{OpenFile, SaveFile, Directory}Picker()
y la integración de la API de Drag and Drop.
Para CSS en Chrome, tenemos la unidad de longitud lh
. Esta unidad es equivalente al valor calculado de la propiedad de altura de línea en el elemento en el que se utiliza. Además, la propiedad hyphenate-limit-chars
que especifica la cantidad mínima de caracteres en una palabra con guion.
Al momento de la redacción, y quizás debido a la temporada de festividades, las notas de la versión de Firefox no se han actualizado.
Otras noticias
Esta entrada es la 12a edición de esta serie de entradas de blog, y te presentamos una selección de temas interesantes que llegan a los navegadores cada mes de 2022. Regresaré en 2023 para seguir compartiendo todos los meses algunas de las cosas interesantes que llegan a la plataforma web.
Muchas de las funciones que se implementaron en navegadores el año pasado y muchas de las que se mencionaron como "correcciones de CSS" formaron parte de Interoperabilidad 2022. Para obtener más información, lee el informe de fin de año del equipo de Chrome sobre esta iniciativa en varios navegadores para mejorar algunos de los principales problemas de interoperabilidad de la plataforma web.
Por último, para interesar a las personas que leen esta publicación, es esta lista de actualizaciones basada en los datos de compatibilidad del navegador de MDN, publicada por nuestros amigos en MDN.
Parte de la serie de novedades en la Web