Jo Sprague, desarrollador de Mozilla, ha anunciado la finalización de la reconstrucción de Firefox.com utilizando CSS moderno y nativo, eliminando la dependencia de preprocesadores. Este proyecto, realizado en colaboración con la empresa Lincoln Loop, marca el cierre de una brecha técnica que existió durante dos décadas. En 2008, la falta de variables CSS y la inconsistencia entre navegadores obligaban a los equipos a usar hacks complejos y procesamiento en el servidor, lo que impedía la implementación de diseños de alta fidelidad. Hoy, las propiedades nativas como Grid, Flexbox y Custom Properties permiten diseñar sistemas de componentes que funcionan de forma consistente en todos los navegadores modernos.
El nuevo sistema de diseño para Firefox.com incluye más de 70 componentes y 25 plantillas de página, implementados como componentes de Wagtail para facilitar su uso por equipos de contenido. El sitio actual soporta 19 idiomas. Aunque el equipo utilizó PostCSS en producción, su único propósito fue enlazar declaraciones @import para mejorar el rendimiento, ya que el CSS escrito es puramente nativo y no requiere compilación para ser válido. Sprague destaca que este logro valida la madurez de la plataforma web, demostrando que el CSS nativo ya es suficiente para la producción. El artículo concluye con una reflexión sobre la importancia de los sistemas de diseño que permiten a los equipos moverse rápido y mantener la consistencia, independientemente de las herramientas específicas utilizadas.