`zoom`, la función más tolerada y longeva de la web

• La propiedad CSS zoom, introducida en Internet Explorer a inicios de los 2000, se difundió sin un estándar y terminó generando confusión entre desarrolladores web
• zoom era una función simple para ampliar o reducir el tamaño de un elemento, pero provocó inconsistencias y problemas de compatibilidad entre navegadores
• Más adelante, CSS transform surgió como alternativa estándar, pero siguieron existiendo casos donde se necesitaban las características de zoom, que sí afectan el layout
• En el análisis de datos de uso, zoom registró métricas de popularidad artificialmente altas debido al uso de zoom:1 como solución para esquivar bugs de IE
• Finalmente, en 2023 el CSS Working Group preparó una nueva especificación estándar y, al incluirse en el proyecto Interop 2025, obtuvo estandarización y soporte amplio después de 25 años

---

Aparición de la propiedad zoom

• En 2000, zoom, una función no estándar incluida en Internet Explorer 5.5, era una propiedad que permitía ajustar el tamaño de un elemento por escala
  • zoom:2 ampliaba al doble y zoom:0.1 reducía a una décima parte
  • Tenía la característica de que, al cambiar el tamaño del elemento, también reorganizaba el layout circundante
• Pero como no existía una especificación oficial, cada navegador la implementó de manera distinta, lo que causó confusión tanto para desarrolladores web como para usuarios
• Al principio tenía un carácter más decorativo, por lo que no afectaba demasiado la funcionalidad de los sitios

Intentos de estandarización y reacción de los navegadores

• Mozilla, desde sus primeras etapas, priorizó el cumplimiento de estándares, ignoró zoom y no lo incluyó en Firefox
• En su lugar apareció la propiedad CSS transform, que estandarizó una función similar
  • Ofrecía un control más potente y eficiente
  • Sin embargo, no afecta la disposición de los elementos vecinos
• Apple implementó tanto transform como zoom en Safari, y las diferencias entre navegadores continuaron
• Como resultado, zoom quedó en una situación ambigua: no estaba en el estándar, pero seguía presente en algunos navegadores

Métricas de popularidad y malentendidos

• Bocoup y Mozilla investigaron la utilidad de funciones del navegador usando encuestas a desarrolladores web, volumen de búsquedas en MDN, menciones en Stack Overflow, telemetría de Chrome y datos de HTTP Archive
• Contra lo esperado, zoom apareció entre las funciones mejor posicionadas, principalmente por el patrón de usar zoom:1 para esquivar bugs de IE
• De hecho, al recalcular excluyendo los usos de zoom:1, el uso total disminuyó un 94%
• Por esto, Mozilla decidió priorizar mejoras en otras funciones antes que en zoom

Resurgimiento y estandarización

• En el rastreador de bugs de Firefox, los desarrolladores siguieron insistiendo en la necesidad del comportamiento de zoom que afecta el layout
• Servicios importantes como Microsoft Excel Web y la web app móvil de Gmail también dependían de esta función
• En 2023, el CSS Working Group preparó una nueva especificación de zoom para reducir problemas de compatibilidad e impulsar su estandarización
• Tras ser adoptada por el proyecto Interop 2025, ahora cuenta con soporte integral en los principales navegadores

Lecciones y conclusión

• Esto muestra que el proceso de consenso de los estándares web es lento, pero ofrece soluciones inclusivas para desarrolladores y usuarios de todo el mundo
• También deja la lección de que depender de tecnologías cerradas y no estándar es riesgoso a largo plazo
• Después de 25 años de idas y vueltas, CSS zoom fue estandarizado y queda como un caso simbólico de la importancia del consenso y la evolución de la plataforma web

[cichol]

Hace tiempo que no recordaba *zoom: 1;.

[ahwjdekf]

La web es realmente lamentable. Es sorprendente que siquiera esté funcionando ahora mismo.