Membangun Kembali Firefox.com dengan CSS Asli

Mozilla dan Lincoln Loop membangun kembali Firefox.com menggunakan CSS asli modern tanpa preprocessor, mewujudkan mimpi CSS Zen Garden dari tahun 2008. Saat itu, properti CSS terbatas memaksa reliance pada hack, pemrosesan server-side, dan layout berbasis tabel karena rendering browser tidak konsisten.

Saat ini, properti kustom, Grid, dan Flexbox telah menutup kesenjangan tersebut, memungkinkan sistem desain yang bersih dan dapat digunakan kembali. Rebuild Firefox.com mencakup lebih dari 70 komponen dan 25 template halaman sebagai komponen Wagtail, mendukung 19 locale, dengan tim konten merakit halaman tanpa bantuan teknik.

PostCSS digunakan hanya di produksi untuk menginline pernyataan @import karena masalah performa, sementara CSS yang ditulis adalah CSS asli murni yang tidak membutuhkan langkah build untuk menjadi valid.

Proyek ini mengonfirmasi bahwa browser sekarang berbahasa seperti yang ditulis oleh desainer, mewujudkan visi dua dekade. Pengaruh utama termasuk Nicole Sullivan, Rachel Andrew, Jen Simmons, Chris Coyier, Kasey Kelly, dan Eric Meyer, karya mereka membentuk pemikiran CSS modern. Nilai inti tetap: sistem desain di mana pilihan tepat adalah yang mudah, dan maksud desainer mengalir langsung ke produksi.

Entitas utama:

Perusahaan: Mozilla, Lincoln Loop

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