إعادة بناء Firefox.com بـ CSS الأصلي

Mo Mozilla و Lincoln Loop يعيدان بناء Firefox.com باستخدام CSS أصلي حديث بدون معالجات مسبقة، مما يحقق حلم CSS Zen Garden لعام 2008. في ذلك الوقت، اضطررت خصائص CSS المحدودة إلى الاعتماد على الحيل، وال处理 على الخادم، و layouts بناءً على الجدول بسبب عرض المتصafa inconsistent.

اليوم، أ_property مخصصة، Grid، و Flexbox قد غطت هذا الفرق، مما يمكّن أنظمة تصميم نظيفة وقابلة لإعادة الاستخدام. يشملعادة بناء Firefox.com أكثر من 70 مكونًا و 25 قالب صفحات كـ Wagtail components، تدعم 19 لغة، مع فرق المحتوى تجمع Pages بدلًا من مساعدة الهندسة.

يُستخدم PostCSS فقط في الإنتاج لدمج @import statements بسبب مشاكل الأداء، بينما CSS المُكتب يبقى native CSS بسيط لا يحتاج خطوة بناء ليكون صحيحًا.

يُ affirmation أن المتصafa الآن يتحدث لغة المصممين، ي实现 رؤية عشرين عامًا. التأثيرات الرئيسية تشمل Nicole Sullivan، Rachel Andrew، Jen Simmons، Chris Coyier، Kasey Kelly، Eric Meyer، عملهم شكل تفكير CSS الحديث. القيمة核心: أنظمة تصميم حيث الاختيار الصحيح هو السهل، ونية المصمم تتدفق مباشرة إلى الإنتاج.

الكيانات الرئيسية:

الشركة: Mozilla, Lincoln Loop

ال/people: Dave Shea, Nicole Sullivan, Rachel Andrew, Jen Simmons, Chris Coyier, Kasey Kelly, Eric Meyer, Jo Sprague

الأسئلة الشائعة:

السؤال: ما معنى 'لا معالجات مسبقة' في سياق重建 Firefox.com؟

الإجابة: CSS المُكتب هو CSS أصلي بسيط يفهمه المتصafa مباشرة؛ يُستخدم PostCSS فقط في الإنتاج لدمج @import statements لأسباب الأداء، وليس لتحويل لغة التصميم الأساسية.