السلام عليكم ورحمة الله وبركاته

في الآونة الأخيرة جائتني عدة اسئلة من بعض الأخوة بعضها طلب شرح لخواص Css Flexbox بشكل كامل وبعضها شرح لخاصية محددة على وجد الخصوص واسئلة أخرى كثيرة تتمحور حول هذه الخاصية

لن أطيل الآن وأشرح ما هي خواص Flexbox وما الذي يميزها ولماذا توفر الكثير من الجهد والعناء كما يمكن أن تكون حلولاً لمشاكل كبيرة في بعض الأحيان

سأكتفي بنشر أفضل المقالات والفيديوهات والأدوات التعليمية التي تخص Flexbox على وجه الخصوص

حيث أن مشاهدة الدروس وقراءة المقالات والتطبيق على الأدوات سيعطي المعلومات الكاملة عن هذه الميزة وخواصها المدهشة

أبدأ اولاً في أين تعمل خواص Css Flexbox وما هي المتصفحات الداعمة له

http://caniuse.com/#feat=fl...

بعض الدروس التي تشرح خواص Css Flexbox على قناة الأستاذ أسامة محمد ( دروس عربية مميزة ورائعة ذات شرح متقن كما أنها بدقة وجودة عاليتيين من ناحيتيّ الصوت والصورة )

مقال على منصة scotch يشرح خواص Css Flexbox مع أداة رائعة من برمجة الموقع لتعلم التعامل مع الكود بطريقة تفاعلية 

رابط المقال :

رابط الأداة التابعة للمقال :

https://scotch.io/demos/vis...

مقال رائع ومفصل بشكل كبير للكاتبة المبدعة سارة سويدان على موقع tympanus يشرح خواص Css Flexbox بشكل معمق ومفصل مع الصور الموضحة والأمثلة العملية وبعض المساعدات التطبيقية

مقال على أكادمية حسوب للأخ المبدع نذير صغير يشرح أساسيات Css Flexbox

مقال أساسيات Flexbox في CSS مع أمثلة عملية على أكادمية حسوب مع ذو شرح طيب ومبسط مُرفق بالصور الموضحة

مقال على موقع Css Tricks مع الصور الموضحة ايضاً

شرح بسيط مساعد يعود لمقال على موقع Tuts+ تشرح الخواص بشكل جيد

https://umaar.github.io/css...

أخيراً لعبة الضفدع - Flexbox Froggy .. تشرح الخواص Css Flexbox بشكل تفاعلي وتحتاج إلى بعض الإلمام بالخواص قبل بدء اللعب

إلى هنا أكون قد استنزفت جميع المصادر التي تعلمت منها ツ

أتمنى أن أساهم ولو بشيء قليل في مساعدة أحدهم

ادعو لي بالخير ツ