Modelo de referencia
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.
¿Quién define el modelo de referencia?
El equipo de Chrome creó el modelo de referencia, que ahora define el grupo de la comunidad de WebDX.
¿Cómo se convierte en el modelo de referencia?
El modelo de referencia tiene dos etapas:
- Novedad: La función es compatible con todos los navegadores principales y, por lo tanto, es interoperable.
- Disponibilidad general: Transcurrieron 30 meses desde la fecha de interoperabilidad reciente. La mayoría de los sitios pueden usar la función sin preocuparse por la compatibilidad.
Antes de estar Disponible recientemente, una función tiene Disponibilidad limitada cuando aún no es compatible con todos los navegadores.
El conjunto de navegadores principales
- Chrome (computadoras de escritorio y Android)
- Perimetrales
- Firefox (computadoras de escritorio y Android)
- Safari (iOS y macOS)
Baseline en acción
Baseline in action es una nueva serie desarrollada para ayudar a los desarrolladores a aprender a usar las funciones de Baseline en conjunto para crear mejores experiencias del usuario.
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.
Browserslist ahora es compatible con Baseline
Browserslist agregó compatibilidad con las consultas de Baseline. Descubre qué podría significar para tu flujo de trabajo de desarrollo.
Crea herramientas de Baseline con el paquete web-features
Aprende a usar los datos del paquete npm de web-features para crear tus propias herramientas de Baseline.
¡Comienza el hackatón de Baseline Tooling!
¿Quieres mejorar la Web y tener la oportunidad de ganar premios en efectivo? Únete al hackatón de Baseline Tooling
Ahora se incluye el valor de referencia para las propiedades de CSS en las Herramientas para desarrolladores de Chrome
Ahora hay información de referencia disponible para las propiedades de CSS en el panel Elementos de las Herramientas para desarrolladores de Chrome.
Cómo usar Baseline en tu proyecto
Aprende a integrar Baseline en tu proyecto con este codelab.
WebStatus.dev: Ahora con más datos, estadísticas más detalladas y una ruta de acceso más clara al modelo de referencia
Anunciamos mejoras en el panel de la plataforma web.
Se envió la extensión de Baseline Netlify
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.
Visual Studio Code ahora admite Baseline
Obtén información sobre la nueva compatibilidad con Baseline en VS Code.
Usa Baseline con Browserslist
Agrega Baseline a tus herramientas de empaquetado y linting de desarrollo con consultas específicas de Baseline ahora integradas en Browserslist.
Cómo consultar el panel de la plataforma web para las herramientas de 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.
Se envió la compatibilidad con CSS y Baseline en ESLint
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.
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.
Cómo elegir tu objetivo de Baseline
Obtén información sobre los objetivos de Baseline, cómo elegir uno y cómo puede ayudarte en tu experiencia de desarrollo.
Cómo pensar en Baseline y los polyfills
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.
Casos de éxito
Lee estos casos de éxito para descubrir cómo los desarrolladores de la industria adoptan Baseline como parte de su trabajo para simplificar los criterios de compatibilidad con navegadores y la adopción de funciones web interoperables.
Cómo Target.com usó Baseline para modernizar las funciones
Descubre cómo Target adoptó Baseline y cómo cambió su conocimiento y adopción de las funciones web interoperables.
Cómo Cybozu eliminó la sobrecarga de compatibilidad del navegador con Baseline
Lee sobre cómo Cybozu, una empresa de software de trabajo en grupo de Japón, adoptó Baseline para simplificar sus criterios de compatibilidad con navegadores.
Cómo hacer que el modelo de referencia sea práctico con datos de usuarios reales
Cómo RUMvision incorporó la información de Baseline con sus datos de RUM
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.
Modelo de referencia 2025
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.
Modelo de referencia de 2024
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.
Modelo de referencia de 2023
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.
Modificar el tamaño de las consultas de contenedores
Las consultas de contenedores de tamaño se convirtieron en el modelo de referencia disponible en febrero de 2023.
:has()
:has() pasó a ser el modelo de referencia disponible en diciembre de 2023.
Subcuadrícula
La subred se convirtió en el modelo de referencia disponible en septiembre de 2023.
Período de prueba de CSS
El anidamiento se convirtió en el modelo de referencia disponible en agosto de 2023.
Elemento <búsqueda> HTML
El elemento
<search> pasó a estar disponible como modelo de referencia en octubre de 2023.
Video responsivo
Los videos responsivos se convirtieron en la nueva opción de configuración predeterminada en noviembre de 2023.
El atributo inerte
El atributo
inert pasó a estar disponible como modelo de referencia en abril de 2023.
API de Constraint Validation
La API de Constraint Validation se convirtió en Baseline Newly available en marzo de 2023.
:user-valid y :user-invalid
:user-valid y :user-invalid pasaron a estar disponibles como Baseline Newly en octubre de 2023.
Transmisiones de compresión
Las transmisiones de compresión se convirtieron en el modelo de referencia disponible en mayo de 2023.
Shadow DOM declarativo
El Shadow DOM declarativo se convirtió en el modelo de referencia disponible en febrero de 2024.
Notificación emergente
El pop-up se convirtió en la versión de Baseline disponible en enero de 2025.
Dónde encontrar el modelo de referencia
MDN
Comprobar el estado del modelo de referencia de una propiedad en MDN
¿Puedo usar?
Verifiquen el estado del modelo de referencia en ¿Puedo usar? para comprobar si una función está lista para usarse.
¿Estás en tu sitio?
Usa Baseline para aclarar el estado de las funciones en tus artículos y presentaciones.