فالمؤسسة 6 جاهزة تقريباً للخروج من الإصدار التجريبي ، وهي أفضل من سابقاتها بكل الطرق الممكنة تقريباً: إنها أكثر انسيابية ، وأبسط ، وأكثر تعقيداً. Zurb قد يتفوق عليها أنفسهم.
وكما سترى بنفسك عندما يتم تثبيته في النهاية - وهو بسيط بما فيه الكفاية على OSX أو Linux ، ولكن على Windows ، يمكن أن تكون العقدة دقيقة - لا يمكن تثبيت Foundation 6 إلا من خلال مدير الحزم هذه الأيام. أشعر وكأنني في السن ، أحلم بالأيام القديمة الجيدة عندما أتت أطر CSS في ملفات .zip ، وليس من أمر طرفي.
ومع ذلك ، لم أكن أكذب عندما قلت أن مؤسسة 6 رائعة. حسنًا ، يجب أن أقول "مؤسسة للمواقع" ، لأن المؤسسة ليست مجرد إطار عمل واحد. بالإضافة إلى مؤسسة للتطبيقات ، كانت Zurb مشغولة أيضًا في صنع بعض الأدوات لتسريع عملية التطوير.
كان هذا الإصدار يدور حول الأداء ... يمكنك إنشاء مواقع بشكل أسرع ، وسيتم تنزيل هذه المواقع بشكل أسرع ، وسيتم تشغيل جافا سكريبت بشكل أسرع.
أولا ، هناك مؤسسة CLI ، والتي يمكن تثبيت أي إصدار من مؤسسة لك ، كاملة مع مشاريع المبتدئين. ستصبح CSS المغلفة مسبقًا في Foundation for Sites متاحة للتنزيل بشكل منفصل عند الإطلاق النهائي. في الوقت الحالي ، ومع ذلك ، فإن CLI هي طريقة الحصول عليه ، والبقاء على علم بأية تغييرات قبل الإصدار النهائي.
ثم هناك بانيني ، مترجم صفحة ثابت مع Templating Handlebars والعديد من الميزات الأخرى لمساعدتك على بناء النماذج الأولية الثابتة و / أو المواقع بسرعة. إنه يجمع Sass ، يضع كل JavaScript في ملف واحد ، يمكنه ضغط كل شفرتك ، وأكثر من ذلك.
الآن ، لا تدع فكرة أن هذا الإصدار من المؤسسة أقل ملاءمة - فهو لا يزال يحتفظ بكل ما تحتاج إليه والمزيد - ولكن تجدر الإشارة إلى أنه تمت إزالة بعض العناصر التي كانت أكثر ملاءمة للتطبيقات من المواقع. هذه العناصر هي الآن جزء من مؤسسة لتطبيقات .
كان الجزء المتبقي من العمل في هذا الإصدار يدور حول التخلص من الشفرة الزائدة ، وتبسيط كل ما تبقى.
على سبيل المثال ، بدلاً من إنشاء ثلاثة مكونات قائمة مختلفة لثلاثة تصميمات قائمة مختلفة ، هناك مكون قائمة واحد فقط ، مع العديد من الأشكال. بالنسبة إلى الشخص الذي يكتب HTML ، هناك اختلاف بسيط: إضافة فصل دراسي ، ولديك قائمة. تغيير بعض الفئات ، ولديك قائمة تبدو مختلفة تمامًا.
في الواقع ، بالنسبة لجميع الاختلافات ، فإن الكثير من الطبقات والعلامات ستبدو مألوفة للغاية ، إن لم تكن هي نفسها. كل ذلك مبني على Sass حتى يمكنك تخصيصه كما هو الحال دائمًا.
كان هذا الإصدار يدور حول الأداء. عندما تتعلم كيف ، يمكنك إنشاء مواقع بشكل أسرع ، سيتم تنزيل هذه المواقع بشكل أسرع ، وسيتم تشغيل جافا سكريبت بشكل أسرع. مؤسسة في الآن حوالي نصف ثقل كما كان من حيث حجم الملف. نصف
الإصدارات القديمة تدعم لغات RTL (من اليمين إلى اليسار) مثل العربية إلى حد ما؛ لكنهم بحاجة إلى بعض التغيير والتبديل. مؤسسة 6 لديها دعم بنيت في حق.
شبكة Flex هي بالضبط ما تظنه: إنه مكون الشبكة الذي تمت إعادة تشغيله باستخدام Flexbox. فمن ناحية ، يمنحها هذا عددًا من الميزات والخيارات التي لا يمكن لشبكة عائمة عادية أن تتعامل معها. من ناحية أخرى ، من المحتمل ألا يكون مدعومًا بشكل جيد ، لا سيما من خلال IE. انها مفاضلة.
تم تضمين اثنين من التحسينات الرائعة للطباعة على غرار موقع الويب. على وجه التحديد ، هناك فئات المساعد مصممة لجعل تخطيطات الطباعة أسهل قليلا للتعامل معها:
كما ذكر أعلاه ، تم دمج جميع مكونات التنقل السابقة في مكون واحد كبير الحجم. وهذا يعني أن جميع أنواع التنقل ستلعب بشكل جيد مع بعضها البعض. وهذا يعني أيضًا أنه يمكنك اختيار أنواع مختلفة من التنقل لأحجام مختلفة للشاشة.
هل تريد التنقل عبر ميزة التنقل عبر الهاتف الذكي ، وشريط أفقي على سطح المكتب؟ القيام به بسهولة مع فئات محددة حجم الشاشة. هل تريد "الشريط العلوي" مرة أخرى؟ فقط قم بإضافة div wrapper حول مكونات القائمة الافتراضية.
على الرغم من سهولة الاستخدام بشكل عام ، إلا أنه لا يزال محملاً بالميزات. تأكد من التحقق من الوثائق حول القوائم والملاحة .
أنت تعرف هذه الدوائر الصغيرة أو المربعات — التي عادة ما يتم وضعها على أو بالقرب من أيقونات من نوع ما — بأعداد صغيرة في هذه الأنواع؟ مثل عندما يكون لديك إشعارات Facebook؟ تلك تسمى شارات.
تتعلم شيئا جديدا كل يوم. أيضا ، مؤسسة لديها الآن.
هل تحتاج إلى جعل شيء ما على الشاشة أثناء تمرير المستخدم؟ هل تريد أن تتوقف عند نقطة معينة؟ مثبت هو البرنامج المساعد الخاص بك! هذا هو الشيء الذي يمكنك استخدامه أيضًا إذا كنت ترغب في جعل قائمة Magellan تعمل كما فعلت في Foundation 5.
في حالة عدم كفاية القوائم المنسدلة والأعداد النقطية وعمليات الحفر وأدوات الأدوات والطرفيات ، إليك طريقة عامة لتظهر الأشياء أو تختفي. إنه حدث بسيط يعتمد على جافا سكريبت يمكن تطبيقه على أي شيء.
أتصور أنه في الأوقات التي لا يتناسب فيها أي من المكونات الأخرى مع الغرض ، أو قد يكون مبالغة. وهو يدمج مكتبة Motion UI ، بحيث يمكنك تحريك الاختفاء تمامًا بأي طريقة تريدها.
حسنًا ، يبدو أن الاسم هو عنصر يمكنك من خلاله تضمين فيديو أو كائن فلاش (yuck) ، ويمكنك فعل ذلك على ما أعتقد. ما يعنيه بالفعل هو عرض أي كائن وسائط ، مثل صورة ، بجانب المعلومات النصية.
على سبيل المثال ، يمكنك وضع الصورة الرمزية للمستخدم بجوار اسم المستخدم وتعليقاته في قسم التعليقات. أو قد تستخدمه لوضع تاريخ إصدار الفيلم والممثلين الرئيسيين وبيانات التعريف الأخرى بجوار مراجعة للفيلم. تحقق من الوثائق للحصول على أمثلة.
كل ميزة تم تحديثها أو إعادة كتابتها. ومع ذلك ، العديد من دون تغيير وظيفي. تحقق مرة أخرى من الوثائق للتأكد من حصولك على الفصول الدراسية الصحيحة ، وتحقق من بعض الترقيات ، وانتقل. فيما يلي هذه الميزات الأكثر أو الأقل شيوعًا ، بالترتيب الأبجدي:
نعم. إن التركيز المتجدد على مواقع البناء (على عكس الإطار الذي يحاول تلبية احتياجات كل من المواقع والتطبيقات) هو أمر منعش ، وحجم مخفّض هو دائماً علامة زائد.
نتطلع إلى أنه يجري العيش في وقت قريب جدا جدا.