Web Development·12 min read

Baseline 2026: las 12 APIs web que ya puedes usar sin polyfills en todos los navegadores

Desde View Transitions hasta la Temporal API. El resumen del proyecto Interop 2026 confirma qué ha aterrizado de forma segura en Chrome, Firefox y Safari.

Sara Köhler
··7,890 views

Una de las fricciones más persistentes del desarrollo web ha sido siempre la misma: encuentras una API que resuelve exactamente tu problema, compruebas el soporte en Can I Use, y te encuentras con ese amarillo angustiante que significa "sí, pero no en todos sitios". Baseline 2026 es el intento más organizado hasta la fecha de acabar con esa incertidumbre.

Baseline 2026 Web APIs

El proyecto Baseline, liderado conjuntamente por Google, Mozilla, Apple y Microsoft bajo el paraguas de la Web Platform Incubator CG, define una lista de APIs que han alcanzado soporte completo e interoperable en Chrome, Firefox, Edge y Safari. Cuando algo entra en Baseline, puedes usarlo sin polyfills, sin feature flags y sin mirar Can I Use dos veces.

Este año, doce APIs cruzaron esa línea. Aquí están las más relevantes para el trabajo del día a día.

Las doce APIs que llegan a Baseline 2026

View Transitions API — Probablemente la más esperada. Permite crear transiciones animadas entre estados de la UI, incluyendo navegaciones entre páginas en MPAs, con una API sorprendentemente simple. Lo que antes requería librerías de animación complejas ahora se expresa en cuatro líneas:

document.startViewTransition(() => {
  updateDOM();
});

Popover API — Un elemento HTML nativo con comportamiento de popover: gestión automática del z-index, cierre al hacer clic fuera, accesibilidad por defecto. Sin JavaScript para los casos básicos. Basta con popover como atributo HTML.

CSS Anchor Positioning — Posicionar un elemento relativo a otro de forma declarativa en CSS, sin JavaScript para calcular coordenadas. Ideal para tooltips, dropdowns y cualquier elemento que necesite "anclarse" a otro en el DOM.

CSS @layer — Las cascade layers llevan tiempo en los navegadores, pero 2026 marca el año en que puedes considerarlas completamente seguras para producción sin excepciones. Permiten organizar la especificidad de CSS de forma explícita y predecible.

fetch() Streaming — Procesar la respuesta de un fetch como un stream sin cargar todo en memoria. Fundamental para aplicaciones que muestran datos en tiempo real o descargan archivos grandes sin bloquear el hilo principal.

structuredClone() — El reemplazo definitivo del horrible JSON.parse(JSON.stringify(x)) para clonar objetos. Maneja correctamente fechas, Map, Set, y referencias circulares. Es uno de esos añadidos que parece pequeño y cambia hábitos de golpe.

Web Locks API — Coordinación de recursos entre pestañas y workers con una API de locks limpia. Especialmente útil en aplicaciones offline-first o con Service Workers que necesitan evitar condiciones de carrera.

CSS Container Queries (style) — Las container queries de tamaño ya eran Baseline 2023. Las style container queries, que permiten reaccionar a propiedades CSS personalizadas del contenedor, alcanzan soporte completo en 2026.

navigator.share() — La Web Share API para invocar el diálogo nativo de compartir del sistema operativo. Ahora con soporte consistente incluyendo Safari en escritorio, que era el eslabón que faltaba.

EventTarget en Workers — Poder usar el patrón de eventos estándar en Web Workers y Service Workers sin workarounds. Una normalización larga tiempo esperada que simplifica el código de comunicación entre hilos.

Temporal API — La esperadísima sustitución de Date. Inmutable, timezone-aware, y con una API coherente para fechas, horas, duraciones e intervalos. Después de años en TC39, finalmente disponible en todos los motores sin polyfill.

CSS @scope — Estilos con ámbito nativo sin necesidad de CSS Modules o metodologías BEM. Puedes aplicar estilos solo dentro de un componente específico directamente en CSS estándar.

Cómo usar Baseline en tu proyecto

La forma más práctica de incorporar Baseline a tu flujo de trabajo es configurar browserslist en tu proyecto:

# .browserslistrc
baseline 2026

Esto ajusta automáticamente qué polyfills y transpilaciones incluye tu bundler. Para equipos que todavía necesiten soportar navegadores más antiguos, Baseline tiene dos niveles: Newly available (recién llegada a todos los motores) y Widely available (disponible desde hace 30+ meses). Para producción conservadora, apunta a Widely available.

La web de Baseline tiene un buscador donde puedes pegar el nombre de cualquier API y ver exactamente en qué nivel está. Es la herramienta que debería reemplazar Can I Use para las decisiones de "¿puedo usarlo ya?".

TAGS

#web apis#baseline#css#javascript#browser compat
Share

Sara Köhler

Análisis de Producto

// Related

Baseline 2026: las 12 APIs web que ya puedes usar sin polyfills en todos los navegadores — SYNTHNODE