Hay una gran cantidad de funciones en la web. ¡El proyecto de datos de compatibilidad del navegador enumera más de 14000 de ellos! ¿Cómo darle sentido a todo?

Esta es una pregunta que lleva mucho tiempo sin respuesta. Sí, todos los desarrolladores web utilizan caiuse.com. O buscan en Google o tal vez preguntan por chatgpt. El problema es que estas herramientas tienen respuestas a preguntas específicas, pero carecen de una visión más amplia o de enlaces a la fuente de la verdad.

El grupo WebDX

¡Ya no! El grupo WebDX ahora está haciendo un trabajo increíble al organizar, categorizar y nombrar cosas (← esta es la parte difícil, como sabes) en la plataforma web. Están intentando mejorar la experiencia general de los desarrolladores con la web y los navegadores de forma coordinada.

WebDX es un grupo comunitario que forma parte del W3C. Puedes ver lo que están cocinando en sus repositorios. El resultado más interesante para mí es el repositorio de funciones web. Lo que han hecho es categorizar una gran cantidad de funciones específicas en un conjunto más comprensible de funciones de nivel superior.

Por ejemplo, una de las nuevas funciones disponibles es Establecer métodos. Cualquier método nuevo para manipular un conjunto podría ser una característica única. Sin embargo, resulta mucho más útil si se comunica y documenta como una característica única de alto nivel.

la documentacion

La otra parte es cómo encontrar información detallada sobre una característica. Bueno, aquí es donde entró la iniciativa Open Web Docs. Si bien MDN siempre ha sido una gran referencia, ha faltado contenido práctico. El grupo Open Web Docs está intentando cambiar eso. Están creando un montón de nuevos tutoriales, guías y explicaciones para la documentación web de MDN, así como actualizaciones de los datos subyacentes: BCD (datos de compatibilidad del navegador).

Un ejemplo es una página en MDN sobre colores relativos. Está claramente asignado a una función web de alto nivel. Proporciona una comprensión y un contexto mucho mejores sobre esa característica que las páginas de referencia individuales para cada característica de color.

las encuestas

Lo realmente bueno del esfuerzo anterior es que realmente quieren colaborar. Reciben información de encuestas como The State of HTML y The State of CSS, y luego pueden usar el mismo conjunto de nombres para funciones web para realizar un seguimiento de los resultados de las encuestas.

Y, por cierto, mientras completa estas encuestas, puede hacer clic en el botón "Agregar a la lista de lectura". Le presentará enlaces a MDN donde podrá aprender más exactamente sobre las cosas que no sabía.

La realidad

Genial, pero ¿la Web está mejorando? ¡Diablos, sí lo es!

La iniciativa para cerrar la brecha entre las funciones deseadas y la disponibilidad real en todos los navegadores es evidente. Es decir, el proyecto Interop garantiza que un conjunto de funciones se implemente de la forma más completa posible en los principales navegadores. Cada año hay una nueva versión de este proyecto.

Cuánto y qué tan bien se implementan estas características se mide mediante pruebas de plataforma web. Se ejecuta el mismo conjunto de pruebas en todos los navegadores. Es por eso que tenemos estos buenos porcentajes que reflejan el estado real de las funciones de los navegadores.

La línea de base

El momento en que se implementa una función en todos los principales navegadores es un momento muy importante. Y como hemos agrupado muy bien las funciones como se describe arriba, lo único que falta es un nombre por el momento. Y ahí lo tenemos: una característica es Baseline, disponible recientemente cuando es compatible con todos los principales navegadores. Y una función está ampliamente disponible cuando han pasado dos años y medio desde que estuvo recientemente disponible.

Puedes leer más sobre la idea de Baseline en web.dev desde que fue iniciada por Google.

Los paneles visuales

Todo empieza a tener más sentido cuando puedes verlo de una manera más visual. Tablas bien diseñadas, gráficos, enlaces útiles a recursos allí mismo...

Esto se integra en algunos intentos de crear paneles de control útiles. Échales un vistazo a todos, cada uno es una visión diferente del tema:

• Panel de control simple de la gente detrás del grupo WebDX
• Bonitos gráficos de la superación de las pruebas de la plataforma web característica por característica por parte del equipo de Google Chrome
• y mi intento de crear una versión más interactiva

Puedes usarlos de vez en cuando para ponerte al día con las novedades en general o con las novedades en el estado de adopción amplia. También es una buena referencia a la hora de iniciar un nuevo proyecto y decidir qué conjunto de funciones están realmente disponibles y son lo suficientemente compatibles.

Web Features Explorer muestra la información de forma limpia

Webstatus.dev muestra en gráficos el progreso real de las funciones en términos de pruebas de plataforma web aprobadas

El panel de funciones de mi plataforma web permite filtrar y ordenar funciones

el futuro

Algunas funciones se han implementado recientemente en todos los navegadores con bastante rapidez. Pero es posible que algunos fabricantes de navegadores ni siquiera consideren que algunos sean una buena idea. Puede encontrar información detallada sobre lo que podría o no estar disponible en los siguientes sitios:

• Posiciones de estándares de Mozilla
• Posiciones de estándares del equipo Webkit
• Hoja de ruta de funciones de Google Chrome

Conclusión

Ver evolucionar la plataforma web es fascinante. El circuito de retroalimentación está mejorando. La interoperabilidad está mejorando en muchas áreas.

Hace mucho tiempo que quería tener un panel útil con funciones web y, de repente, los datos son de tan buena calidad que logré crear el mío propio en un par de noches.