ما الذي يحدث مع أنظمة الشبكات؟ أقصد Flexbox هنا . إنه جاهز ، المستعرضات جاهزة (أكثر أو أقل). إنه بشأن الوقت. يمكننا أن نركز رأسيًا وأفقيًا أي شيء بدون اختراق تحويل CSS!

بالإضافة إلى ذلك ، هناك كل الأشياء الأخرى التي يمكن لـ Flexbox القيام بها. دعونا لا نلعب أنفسنا ، على الرغم من. لقد انتظرنا هذا الشيء المركز لفترة طويلة.

ربما كنت تشاهد الرائعة ما فليكس بوكس؟! ، وسلسلة ، وكنت على استعداد للذهاب. إذا لم تكن قد رأيت ذلك ، فيجب عليك.

إذن ... هل نتخلى عن أنظمة الشبكة الآن؟ حسنا ، من نواح كثيرة ، يمكننا. خاصة إذا كنت تكره حساء الصفوف بقدر ما أفعل. ومع ذلك ، فإن أنظمة الشبكات القائمة على Flexbox هي بالفعل شيء ، ويمكن أن تظل مفيدة.

على سبيل المثال ، قد تساعدك على الالتزام بمنهجية CSS مثل Object-oriented CSS أو BEM . ربما ترغب فقط في استخدام الدروس. أو ربما كنت معتادًا على Flexbox ، وستساعدك الشبكة القديمة التي تتكون من اثني عشر عمودًا على التكيف.

ربما يكون من الأسرع استخدام نظام محدد مسبقًا بدلاً من تخصيص كل شبكة Flexbox تحتاجها.

مهما كانت الأسباب ، فإن أنظمة الشبكة لا تختفي. ويمكنك الحصول على أفضل ما في العالمين. فلماذا لا يجب عليك؟

"الكبيران"

سأكون مقصرا إذا لم أذكر ذلك Foundaton 6 هو خارج ، ولديه نسخة Flexbox من شبكتها كخيار. كما سبق تحريرها Bootstrap 4 .

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

شبكة Flexbox

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

حلها بواسطة Flexbox

حلها بواسطة Flexbox كان أساسا بمثابة تجريبي. ومع ذلك ، فهو عرض توضيحي كامل وفعال يمكن استخدامه كأساس للعديد من المشاريع.

Gridlex

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

sGrid

sGrid هو مختلف بعض الشيء. على وجه التحديد ، تم بنائه باستخدام Stylus. أنا أوافق؟ اعتقد اننا جميعا مجرد استخدام ساس الآن. على أي حال ، تم تصميمها أيضًا لتتكامل مع عدد من التقنيات الأخرى: Meteor و Grunt و React و NPM.

scss-flex-grid & sass-flex-mixin

يا هناك نذهب. SCSS فيلكس الشبكة و ساس-المرن mixin هما شبكات Flexbox مبنية على نظام SASS. يمكنك الاستنساخ إما من مستودعهم ، أو تثبيت scss-flex-grid عبر NPM.

استنتاج

الأدوات موجودة هناك. حتى الآن ، لم أتمكن من تحديد "المعجبين بالمفضلة". من المحتمل أن يستخدم الناس ما يأتي مع أطر CSS المفضلة لديهم ، في أغلب الأحيان.

في أي حال ، هناك عذر صغير بعد الآن لا تتعثر في Flexbox.