مؤسسة 6 - 10 ميزات جديدة مذهلة

لم يطور مطورو إطار الواجهة الأمامية لمؤسسة Foundation مجرد أصواتهم بينما كان فريق Bootstrap يعمل على إصدارهم الجديد المثير للإعجاب. في العام الماضي ، قاموا بجولة عالمية رائعة لتبادل معارفهم مع مستخدميهم وسؤالهم عن كيفية استخدامهم لمؤسسة في عملهم الواقعي.

بعد العودة إلى مكاتبهم ، قاموا بتجميع احتياجات ورغبات المستخدمين ، وشرعوا في التخطيط لإصدار رئيسي جديد من الإطار: Foundation 6.

لا يزال قيد التطوير ، لكن الخطط واعدة للغاية. تركز الميزات القادمة على 3 مجالات رئيسية: الأداء ، والتخصيص ، وسهولة الوصول. دعونا نلقي نظرة على 10 من هذه الميزات الآن.

1. تبسيط سير العمل

بناءً على تجارب المستخدمين ، قام فريق المؤسسة بتطوير شعار جديد ، وهو: “النموذج الأولي للإنتاج”, للمؤسسة 6. هذا يعني سير عمل جديد ومبسّط سيتيح للمصممين والمطورين القيام بذلك انتقل مباشرة من النموذج الأولي للإنتاج.

الهدف من Foundation 6 الجديد هو توفير إطار مرن وقابل للتخصيص بسهولة يجعل من الممكن اكتب رمزًا نظيفًا ودلاليًا من البداية. الإصدار الحالي ، Foundation 5 يسمح أيضًا بنماذج أولية سريعة ، لكن يمكننا ذلك نتوقع مزيد من التحسين سير العمل في الإصدار القادم.

2. عملية الإعداد المبسطة لنسخة ساس

واحدة من أكثر الأشياء رهيبة حول إطار عمل Foundation هو أنها مبنية على لغة ورقة أنماط Sass ، وبالتالي فمن الممكن القيام بذلك بسرعة تخصيص قواعد النمط الافتراضي لاحتياجاتنا الفعلية.

كانت عملية إعداد Sass مخيفة بعض الشيء للعديد من المستخدمين ، لذا فإن الإصدار الرئيسي الجديد سوف يكون كذلك الحصول على عملية إعداد مبسطة لإصدار Sass. هذا يعني أن الإعداد ساس سوف تتطلب عدد أقل بكثير من التبعيات من ذي قبل. بالطبع ، إذا كنت تفضل إصدار vanilla CSS ، فلا يزال بإمكانك اختيار ذلك.

3. ، مكدسة إعداد مكدسة جديدة ل Maximalists

إلى جانب الإصدار العادي من Sass ، ستأتي Foundation 6 مع مكياج ساس الإصدار الذي سيوفر للمطورين خيارات التخصيص قوية.

سيفتح ZURB ، مؤسس المؤسسة ، مجموعة تطوير خاصة بها للجمهور ، بما في ذلك الخاصة بهم مولد موقع ثابت, خادم يعيش إعادة تحميل و الكثير من تقنيات التحسين الداخلية بما في ذلك تكامل UnCSS لإزالة الأنماط غير المستخدمة ، و UglifyJS لضغط JavaScript.

بشكل أساسي ، سيتم تمكيننا للعمل في بيئة التطوير نفسها التي يستخدمها ZURB داخليًا.

4. انخفاض وقت تحميل الصفحة

كان على فريق المؤسسة أن يواجه بعض الانتقادات البناءة التي ادعت أنه في معظم مشاريع المؤسسة ، حوالي 90 ٪ من كود CSS يذهب دون فائدة. لم يكن هذا صحيحًا فقط بالنسبة إلى Foundation ، ولكن أيضًا بالنسبة لأطر CSS الرئيسية الأخرى مثل Bootstrap و TopCoat. كجزء من ردهم ، قرر Zurb خفض حجم ملف CSS الناتج بشكل كبير من خلال تطبيق تخفيض بنسبة 40 إلى 50٪ تقريبًا.

من المثير للاهتمام أن نلاحظ أنهم يحاولون تمييز أنفسهم عن Bootstrap بالقول "الأساس ليس إطارًا سيكون لهامش فصولي بهامش وحشو أو دائري ونصف قطر". (للاطلاع على المرجع ، راجع فئات الأدوات المساعدة الجديدة الخاصة بـ Bootstrap 4 في المنشور السابق).

5. أنماط القاعدة التي تعمل كإطارات سلكية

الجزء الآخر من مسعى تحسين الأداء هو إنشاء نمط أساسي يعمل كإطار سلكي بدلاً من التصميم النهائي. هذا يؤدي في المقام الأول إلى موضوع أخف ، ولكن لديه أيضا ميزة كبيرة أخرى. حيث سيتم نقل المزيد من قواعد الأنماط إلى مكونات فردية ، ستتاح للمطورين الفرصة لذلك أكثر سهولة تصميمها.

نأمل أن هذا يعني أن المواقع على أساس مؤسسة سوف لديهم أقل من نظرة موحدة مماثلة, والمصممين لديهم مساحة أكبر للتصديرeriment مع solut جميلة وفريدة من نوعهاأيونات من شأنها أن تدحض المخاوف الأخيرة حول شبكة ذات مظهر ممل.

6. تسهيل استيراد الانتقائي

يسمح Foundation 5 للمطورين باختيار المكونات التي يريدون استخدامها فقط. ستأخذ المؤسسة 6 هذا المسعى إلى المستوى التالي نقل ميزة الاستيراد الانتقائي إلى ملف Sass _settings.scss.

بهذه الطريقة ، ستكون _settings.scss ملف التكوين العالمي حقا, حيث لن نتمكن فقط من تخصيص ميزات مثل عرض الصف أو الخطوط الافتراضية بمساعدتها ، ولكن أيضًا بسهولة إلغاء الاشتراك من المكونات التي لا نحتاج إليها. إذا قمنا بذلك ، يمكننا تحقيق مزيد من تحسين الأداء.

7. أصغر حجما وأنظف ساس

في عملية إعادة التصميم ، قام فريق المؤسسة بإعادة التفكير في كل جانب من جوانب الإطار ، لذلك أيضًا غيرت الطريقة التي استخدموا بها لغة ورقة أنماط Sass. وجدوا في بعض الحالات أنهم قد أفرطوا في ساس التي تؤدي إلى فرط التعقيد غير الضروري لإخراج CSS. مع هدف قاعدة الشفرة الأصغر والأكثر نظافة في أذهانهم ، قاموا بترشيد بنية Sass الخاصة بهم أيضًا.

في مؤسسة 6 نستطيع نتوقع انخفاض التعشيش وخصوصية ، استعلامات الوسائط مبسطة (أنها دمجت رمز المتكررة) ، و تحجيم الخلفي خلطات مكون. هذا الأخير يعني أنه سيكون هناك مزيج أقل من المكونات ، أما الباقي فسيحتوي على عدد أقل من المعلمات ، مما سيؤدي إلى رمز أبسط وأكثر منطقية

إذا كنت تحب المزيج ، فلا تقلق ، فكل عنصر سيظل محتفظًا به ، إنه سيعاد تصميمه ليكون أكثر فاعلية وفائدة مما هو عليه حاليًا.

8. تحسين خلطات الشبكة

أثناء تقليص مكونات الخلطات ، ستأتي مؤسسة 6 خلطات شبكة معززة من شأنها أن تسمح لنا ل إنشاء شبكة أكثر تخصيصا.

يعد زورب أننا سنكون قادرين على ذلك بسهولة بناء نظام الشبكة المعقدة كما نريد ، بما في ذلك الصفوف المخصصة أكثر تطورا و شبكات متداخلة, والقدرة على تحويل الفئات الافتراضية إلى العلامات الدلالية. سوف خلطات الشبكة المحسنة جعل الحالي إنشاء شبكة أكثر بديهية ومرنة وأسرع.

9. سلس التكامل من الإضافات جافا سكريبت مخصص

يحتوي Foundation 5 حاليًا على العديد من مكونات JavaScript مثل مربعات الحوار المشروطة الرائعة ونصائح الأدوات وشريط التنقل اللاصق ومربعات الإضاءة والعديد من المكونات الأخرى التي يحتاجها موقع الويب الحديث ، ولكن الإصدار الرئيسي القادم ستمكننا من اكتب ملحقات جافا سكريبت المخصصة لدينا الاستفادة من جوهر المؤسسة. إنها خطوة كبيرة إلى الأمام في كليهما سهولة الاستخدام والأداء.

في المستقبل ، سوف نكون قادرين على الوصول إلى أساليب التهيئة المضمنة, تبديل المشغلات و نقاط, والاستفادة من جميع الميزات الأخرى لجافا سكريبت العالمية للمؤسسة.

10. الوصول الكامل

ربما تكون الميزة الأكثر إثارة للدهشة في Foundation 6 الجديدة هي إمكانية الوصول إليها بالكامل. سيأتي كل مقتطف مكون ورمز مع سمات WAI-ARIA المناسبة وأدوار المعالم. وعلاوة على ذلك سوف يكون المطورين قدمت مع دليل المستخدم حول كيفية استخدام معايير الويب a11y.

لذلك إذا أردنا تزويد عملائنا بموقع إلكتروني يمكن الوصول إليه بالكامل ، فلن نحتاج إلى القيام بأي شيء آخر غير بناء التصميم الخاص بنا مع Foundation 6. يرجى ملاحظة أننا سنظل بحاجة إلى إضافة قواعد ARIA المناسبة إلى صفحات HTML الخاصة بنا, على الرغم من أن دليل المستخدم التالي a11y لـ Zurb سيسهل بالتأكيد عملية التعلم.