Reconstruyendo Firefox.com con CSS nativo

Mozilla y Lincoln Loop han reconstruido Firefox.com utilizando CSS nativo moderno, sin preprocesadores, cumpliendo así el sueño de CSS Zen Garden del 2008. En aquella época, las propiedades CSS limitadas obligaban a depender de trucos, procesamiento del lado del servidor y diseños basados en tablas debido a la inconsistencia en la renderización de los navegadores.

Hoy en día, las propiedades personalizadas, Grid y Flexbox han cerrado esa brecha, permitiendo sistemas de diseño limpios y reutilizables. La reconstrucción de Firefox.com incluye más de 70 componentes y 25 plantillas de página como componentes de Wagtail, que admiten 19 locales, permitiendo que los equipos de contenido ensamblen páginas sin ayuda de ingeniería.

PostCSS se utiliza únicamente en producción para incrustar declaraciones @import debido a problemas de rendimiento, mientras que el CSS escrito es CSS nativo puro que no requiere paso de compilación para ser válido.

El proyecto afirma que el navegador ahora habla el lenguaje que escriben los diseñadores, realizando una visión de dos décadas. Las influencias clave incluyen a Nicole Sullivan, Rachel Andrew, Jen Simmons, Chris Coyier, Kasey Kelly y Eric Meyer, cuyos trabajos moldearon el pensamiento CSS moderno. El valor central sigue siendo: sistemas de diseño donde la opción correcta es la fácil, y la intención del diseñador fluye directamente a producción.

Entidades clave:

Empresas: Mozilla, Lincoln Loop

Personas: Dave Shea, Nicole Sullivan, Rachel Andrew, Jen Simmons, Chris Coyier, Kasey Kelly, Eric Meyer, Jo Sprague

Preguntas frecuentes:

P: ¿Qué significa 'sin preprocesadores' en el contexto de la reconstrucción de Firefox.com?

R: El CSS escrito es CSS nativo puro que los navegadores entienden directamente; PostCSS se utiliza solo en producción para incrustar declaraciones @import por razones de rendimiento, no para transformar el lenguaje de estilos principal.