السلام عليكم ورحمة الله وبركاته
في الآونة الأخيرة جائتني عدة اسئلة من بعض الأخوة بعضها طلب شرح لخواص 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 بشكل تفاعلي وتحتاج إلى بعض الإلمام بالخواص قبل بدء اللعب
إلى هنا أكون قد استنزفت جميع المصادر التي تعلمت منها ツ
أتمنى أن أساهم ولو بشيء قليل في مساعدة أحدهم
ادعو لي بالخير ツ
التعليقات