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

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

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

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

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

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

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

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

https://goo.gl/UwDaZg

https://goo.gl/p83MMh

https://goo.gl/cZRpqX

https://goo.gl/KZ57RD

https://goo.gl/2vagyt

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

رابط المقال :

https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties

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

https://scotch.io/demos/visual-guide-to-css3-flexbox-flexbox-playground

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

http://tympanus.net/codrops/css_reference/flexbox/

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

http://goo.gl/mh2Fip

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

http://goo.gl/8v18zW

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

https://css-tricks.com/snippets/css/a-guide-to-flexbox/

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

https://umaar.github.io/css-flexbox-demo/

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

http://flexboxfroggy.com/

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

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

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