Reconstruindo Firefox.com com CSS nativo

Mozilla e Lincoln Loop reconstruíram Firefox.com usando CSS nativo moderno, sem pré-processadores, cumprindo assim o sonho do CSS Zen Garden de 2008. Na época, propriedades CSS limitadas forçavam a dependência de hacks, processamento do lado do server e layouts baseados em tabelas devido a rendering inconsistente de navegadores.

Hoje, propriedades customizadas, Grid e Flexbox fecharam essa lacuna, permitindo sistemas de design limpos e reutilizáveis. A reconstrução de Firefox.com inclui mais de 70 componentes e 25 templates de página como componentes Wagtail, suportando 19 locales, com equipes de conteúdo montando páginas sem ajuda de engenharia.

PostCSS é usado apenas em produção para inline declarações @import devido a problemas de performance, enquanto o CSS escrito é CSS nativo puro, não necessitando de passo de build para ser válido.

O projeto afirma que o navegador agora fala a linguagem que os designers escrevem, realizando uma visão de duas décadas. Influências-chave incluem Nicole Sullivan, Rachel Andrew, Jen Simmons, Chris Coyier, Kasey Kelly e Eric Meyer, cujo trabalho moldou o pensamento CSS moderno. O valor central permanece: sistemas de design onde a escolha certa é a fácil, e a intenção do designer flui diretamente para a produção.

Entidades-chave:

Empresas: Mozilla, Lincoln Loop

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