Neues Firefox.com mit nativem CSS

Mozilla und Lincoln Loop haben Firefox.com mit modernem, nativem CSS ohne Preprocessor neu gebaut, damit der CSS-Zen-Garden-Traum von 2008 Wirklichkeit wird. Damals zwangen begrenzte CSS-Eigenschaften zur Nutzung von Tricks, serverseitiger Verarbeitung und table-basierten Layouts aufgrund inkonsistenter Browser-Rendering.

Heute haben benutzerdefinierte Eigenschaften, Grid und Flexbox diese Lücke geschlossen, was saubere, wiederverwendbare Design-Systeme ermöglicht. Der Neubau von Firefox.com umfasst über 70 Komponenten und 25 Page-Templates als Wagtail-Komponenten, die 19 Locales unterstützen, wobei Content-Teams Seiten ohne Ingenieurshilfe zusammenstellen.

PostCSS wird nur in der Produktion verwendet, um @import-Anweisungen inline zu setzen, aufgrund von Performance-Problemen, während der geschriebene CSS rein, nativ ist und keinen Build-Schritt benötigt, um gültig zu sein.

Das Projekt bestätigt, dass der Browser jetzt die Sprache der Designer spricht, und erfüllt so eine Vision von zwei Jahrzehnten. Einflussreich sind Nicole Sullivan, Rachel Andrew, Jen Simmons, Chris Coyier, Kasey Kelly und Eric Meyer, deren Arbeit das moderne CSS-Denken prägte. Der Kernwert bleibt: Design-Systeme, in denen die richtige Wahl die einfache ist, und Designer-Intent fließt direkt in die Produktion.

Schlüsselentitäten:

Unternehmen: Mozilla, Lincoln Loop

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