Web Platform Baseline aporta claridad a la información acerca de la compatibilidad de los navegadores con las funciones de la plataforma web.

Baseline te brinda información clara sobre qué funciones de la plataforma web están listas para usar en tus proyectos en la actualidad. Cuando leas un artículo o elijas una biblioteca para tu proyecto, si las funciones que se usan forman parte de Baseline, puedes confiar en el nivel de compatibilidad del navegador.

El equipo de Chrome creó el modelo de referencia, que ahora define el grupo de la comunidad de WebDX.

El modelo de referencia tiene tres etapas:

  • Disponibilidad limitada: La función no está disponible en todos los navegadores principales.
  • Disponible recientemente: La función es compatible con todos los navegadores principales y, por lo tanto, es interoperable.
  • Disponibilidad general: Pasaron 30 meses desde la fecha de interoperabilidad. La mayoría de los sitios pueden usar la función sin preocuparse por la compatibilidad.
  • Chrome (computadoras de escritorio y Android)
  • Perimetrales
  • Firefox (computadoras de escritorio y Android)
  • Safari (iOS y macOS)

Modelo de referencia en I/O

Google I/O ya está aquí, y tenemos muchas novedades para compartir sobre Baseline y las novedades de la Web en general. Obtén más información en esta publicación.

Herramientas y modelo de referencia

A medida que Baseline ha madurado, hemos visto que más desarrolladores comienzan a integrarlo en sus flujos de trabajo de desarrollo. Obtén información sobre las herramientas más recientes para integrar Baseline, así como los recursos que puedes usar para crear tus propias herramientas.
La extensión de Baseline para Netlify ayuda a los desarrolladores a comprender qué objetivos de Baseline son más compatibles con los usuarios. Obtén más información sobre cómo usarla en esta publicación.
Obtén información sobre la nueva compatibilidad con Baseline en VS Code.
Agrega Baseline a tus herramientas de empaquetado y linting de desarrollo con browserslist-config-baseline.
Obtén información sobre el panel de la plataforma web y cómo puedes consultar su API de HTTP para ayudarte a compilar herramientas de Baseline.
Ahora puedes usar ESLint para verificar el código CSS y aplicar el uso de las funciones de CSS de Baseline en tu proyecto. Obtén más información en esta entrada de blog.
Cómo RUMvision incorporó la información de Baseline con sus datos de RUM

Teoría del modelo de referencia

Adoptar Baseline en tus proyectos implica que debes tener en cuenta algunos aspectos. Estos materiales te ayudarán a responder las preguntas difíciles, desde el uso de polyfills, herramientas y mucho más.
Obtén información sobre los objetivos de Baseline, cómo elegir uno y cómo puede ayudarte en tu experiencia de desarrollo.
Saber cuándo usar un polyfill puede ser una decisión difícil, pero usar las funciones de Baseline puede ayudarte a responder esta pregunta. Obtén más información en esta guía.

El resumen mensual de Baseline

El Resumen mensual de Baseline es un boletín informativo que destaca lo que sucedió cada mes con Baseline, incluidas las funciones nuevas, las actualizaciones de la comunidad y todo lo que sea relevante.

Objetivos de referencia

Cuando las funciones se convierten en parte del modelo de referencia en un año determinado, se agrupan en un conjunto de funciones, también conocido como objetivos del modelo de referencia. Estos son solo algunos de los objetivos que puedes explorar para ver qué funciones puedes usar hoy.
Aún quedan muchos lanzamientos de navegadores para el 2025 y, a medida que lleguen, formarán parte del Baseline 2025. No te pierdas los anuncios de las nuevas funciones que lanzaremos a lo largo del año.
Todos los elementos que se conviertan en parte del modelo de referencia que estará disponible en 2024 se pueden denominar Modelo de referencia 2024. A fines de 2024, publicamos una publicación para recopilar todas las funciones que se lanzaron durante el año.
Todos los elementos que formen parte del modelo de referencia que estará disponible en 2023 se pueden denominar Modelo de referencia 2023. A fines de 2023, publicamos una publicación para recopilar todas las funciones que se lanzaron durante el año.
Las consultas de contenedores de tamaño se convirtieron en el modelo de referencia disponible en febrero de 2023.
:has() pasó a ser el modelo de referencia disponible en diciembre de 2023.
La subred se convirtió en el modelo de referencia disponible en septiembre de 2023.
El anidamiento se convirtió en el modelo de referencia disponible en agosto de 2023.
El elemento <search> pasó a estar disponible como modelo de referencia en octubre de 2023.
Los videos responsivos se convirtieron en la nueva opción de configuración predeterminada en noviembre de 2023.
El atributo inert pasó a estar disponible como modelo de referencia en abril de 2023.
La API de Constraint Validation se convirtió en Baseline Newly available en marzo de 2023.
:user-valid y :user-invalid pasaron a estar disponibles como Baseline Newly en octubre de 2023.
Las transmisiones de compresión se convirtieron en el modelo de referencia disponible en mayo de 2023.
El Shadow DOM declarativo se convirtió en el modelo de referencia disponible en febrero de 2024.
El pop-up se convirtió en la versión de Baseline disponible en enero de 2025.

Dónde encontrar el modelo de referencia

Comprobar el estado del modelo de referencia de una propiedad en MDN
Verifiquen el estado del modelo de referencia en ¿Puedo usar? para comprobar si una función está lista para usarse.
Usa Baseline para aclarar el estado de las funciones en tus artículos y presentaciones.