Publicado: 2 de marzo de 2026
Te damos la bienvenida a la edición de enero de 2026 del resumen de Baseline. Cada mes, destacamos las funciones de la plataforma web que alcanzaron nuevos hitos en Baseline, lo que te ayuda a comprender qué herramientas están listas para usarse en tus proyectos hoy mismo.
Enero fue un comienzo emocionante del año, ya que varias APIs y unidades de CSS importantes pasaron a la categoría Recientemente disponibles, y una mejora importante del diseño se convirtió en Ampliamente disponible.
Funciones de referencia de la sección Disponibles recientemente
Las siguientes funciones web se volvieron disponibles en Baseline en enero de 2026.
Transición de Vista activa
La seudoclase :active-view-transition de CSS ahora está disponible en Baseline. Este selector permite que los desarrolladores segmenten y apliquen un diseño específico al elemento raíz de un documento mientras se lleva a cabo una transición de vista. Esto es particularmente útil para aplicar ajustes o estilos globales que solo deberían existir durante el período de transición, como cambiar el color de fondo de la superposición de transición o ajustar el índice Z de capas específicas para garantizar un flujo visual fluido.
Módulos de JavaScript en service workers
Los service workers ahora admiten módulos de JavaScript en todos los principales motores de navegadores. Si configuras la opción type: 'module' cuando llamas a navigator.serviceWorker.register(), puedes usar las instrucciones estándar import y export dentro de tu secuencia de comandos del service worker. Esto alinea los Service Workers con las prácticas modernas de desarrollo de JavaScript, lo que permite una mejor organización del código, una administración de dependencias más sencilla y la capacidad de compartir código entre el subproceso principal y el Worker en segundo plano.
Navigation API
La API de Navigation proporciona una alternativa moderna y creada específicamente para la API de History heredada, diseñada especialmente para las necesidades de las aplicaciones de una sola página (SPA). Ofrece una forma centralizada de iniciar, interceptar y administrar todo tipo de acciones de navegación, incluidas las que activan los botones Atrás y Adelante del navegador. Con eventos como Maps, los desarrolladores pueden implementar un enrutamiento del cliente más fluido con menos código estándar. Para obtener más información sobre cómo esto cambia la forma en que desarrollamos para la Web, consulta nuestra entrada de blog dedicada: Enrutamiento moderno del cliente: la API de Navigation.
Unidad de CSS rcap
La unidad rcap es una unidad de longitud relativa a la fuente raíz que equivale a la "altura de mayúsculas" (la altura nominal de las letras mayúsculas) de la fuente del elemento raíz. Esto permite diseños tipográficos precisos que se ajustan en relación con el tipo de letra principal que se usa en el sitio, en lugar de solo el tamaño de la fuente.
Unidad de CSS rch
Similar a la unidad ch, pero relativa al elemento raíz, la unidad rch representa el ancho (o, más específicamente, la medida de avance) del glifo "0" (cero) en la fuente del elemento raíz. Es ideal para crear diseños que dependen del ancho de los caracteres, como un contenedor que debe ajustarse con precisión a una cantidad específica de caracteres en la fuente raíz.
Unidad de CSS rex
La unidad rex es la versión relativa a la raíz de ex, y es igual a la altura X de la fuente del elemento raíz. Esta unidad es particularmente útil para alinear verticalmente y dimensionar elementos en relación con la altura de las letras en minúscula de la tipografía principal de tu documento.
Unidad de CSS ric
La unidad ric es la contraparte relativa a la raíz de la unidad ic. Es igual a la medida de avance "ideográfica" (por lo general, el ancho o la altura de un ideograma CJK) de la fuente del elemento raíz. Esta es una herramienta vital para los desarrolladores que crean diseños internacionalizados, en especial aquellos que usan escrituras en chino, japonés o coreano.
Funciones de referencia con gran disponibilidad
Las siguientes funciones web alcanzaron el estado de Baseline Widely available en enero de 2026.
Propiedad display de CSS con dos valores
La sintaxis de varias palabras clave para la propiedad display ahora está disponible de forma general como versión de referencia. Esta actualización te permite definir de forma explícita los tipos de visualización “externo” e “interno” de una caja. Por ejemplo, en lugar del inline-flex precompuesto, puedes usar display: inline flex. Esto aclara si un elemento participa en el flujo de bloque o en línea (el tipo externo) y cómo se disponen sus elementos secundarios (el tipo interno, como flex o grid). Este cambio hace que el motor de diseño de CSS sea más lógico y coherente para los desarrolladores.
La propiedad animation-composition de CSS
La propiedad animation-composition define cómo deben interactuar varias animaciones cuando afectan la misma propiedad de forma simultánea. Puedes elegir entre replace, add o accumulate, lo que te brinda un control preciso sobre cómo se calculan las animaciones complejas en capas.
Copia de un array
Ahora JavaScript incluye métodos que te permiten transformar arrays sin mutar los datos originales. Los métodos como toReversed(), toSorted() y toSpliced() devuelven una copia nueva y modificada del array, lo que promueve un estilo de programación más funcional y seguro.
Ayúdanos a mejorar
Como de costumbre, infórmanos si nos olvidamos de algo relacionado con Baseline y nos aseguraremos de incluirlo en una edición futura. Si tienes preguntas o quieres proporcionar comentarios sobre Baseline, puedes informar un problema en nuestra herramienta de seguimiento de errores.