Fecha de publicación: 23 de octubre de 2024
En esta entrada, descubre cómo puedes usar el nuevo componente web <baseline-status> en tu propio sitio y los logotipos de Baseline en presentaciones cuando escribas o hables sobre las funciones de la plataforma web.
La mayoría de los desarrolladores han tenido la experiencia de buscar una solución a un problema de desarrollo web, encontrar un artículo que describe la solución perfecta y, luego, darse cuenta al final de que solo está disponible en un navegador. O bien, entusiasmarse con una función que describe un presentador de una conferencia y, luego, descubrir que es experimental. Esto es algo que queríamos mejorar en nuestros sitios para desarrolladores de Chrome, y durante los últimos dos años hemos agregado datos de compatibilidad de MDN a nuestras publicaciones.
Sin embargo, el valor de referencia hace que las cosas sean aún más claras. En lugar de verificar las versiones individuales del navegador, puedes comprobar si una función está disponible de forma general en Baseline y, por lo tanto, lista para usarse sin preocupaciones. O bien, saber que es Baseline Newly available y, por lo tanto, interoperable, pero, como una función nueva, tal vez quieras considerar estrategias de resguardo. En web.dev, comenzamos a agregar un nuevo componente de estado de Baseline a algunas de nuestras páginas. Puedes verlo en la entrada de blog sobre CSS font-size-adjust.
Agrega el componente a tu sitio
El componente web no es solo para nuestro uso. Nos complace compartir contigo el componente <baseline-status>. Está lista para que la uses y muestres el estado de referencia en el contenido que crees. El componente se puede instalar desde npm o precompilar desde una CDN. Consulta las instrucciones de instalación.
Una vez instalado, muestra el estado de una función como se muestra en el siguiente código HTML para font-size-adjust.
<baseline-status featureId="font-size-ad><just"/basel>ine-status
Luego, el componente se actualizará automáticamente a medida que la función pase de Disponibilidad limitada a Recién disponible y, luego, a Disponible en línea.
Busca el featureId
El featureId que se pasa al componente es el nombre de la función en el repositorio de funciones web.
El componente obtiene el estado de la función a partir de los datos recopilados a través del proyecto de funciones web.
Agrega logotipos de Baseline
Si vas a publicar algo en formato impreso o PDF, o bien si vas a hacer una presentación en una conferencia, es probable que los logotipos sean útiles para mostrar el estado en ese momento. El panel de Estado de la plataforma web puede ayudarte a verificar el estado de referencia de cualquier función.
Los logotipos de Baseline tienen licencia para que los uses en todos tus materiales. Descárgalos en formato PNG y SVG.
Dinos dónde usas Baseline
Nos encantaría saber dónde se usa Baseline. Crea una PR y agrega un vínculo al lugar donde la usaste en Baseline in the wild.
¿Tienes otras ideas de integración?
¿Tienes alguna idea para integrar Baseline de otra manera? Quizás tengas una herramienta para desarrolladores que podría incluir esta información o un producto que se beneficiaría de poder compartir la versión de Baseline que usa el panel de administración. Informa un problema con tus ideas y con gusto te ayudaremos.