- 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
2 comentarios
Hace tiempo que no recordaba
*zoom: 1;.La web es realmente lamentable. Es sorprendente que siquiera esté funcionando ahora mismo.