У нас вы можете посмотреть бесплатно #45 | CSS Flex box | تعلم Flexbox بالكامل في فيديو واحد или скачать в максимальном доступном качестве, видео которое было загружено на ютуб. Для загрузки выберите вариант из формы ниже:
Если кнопки скачивания не
загрузились
НАЖМИТЕ ЗДЕСЬ или обновите страницу
Если возникают проблемы со скачиванием видео, пожалуйста напишите в поддержку по адресу внизу
страницы.
Спасибо за использование сервиса ClipSaver.ru
رابط موقع nouvil flexbox : https://nouvil.net/flex-box-game/ تواصل معي على انستا / abdelrahman_noufal __________________________ في هذا الفيديو، سوف نتحدث عن خاصية "flexbox" في CSS والتي تعتبر واحدة من أهم الخصائص في تصميم صفحات الويب. تم تصميم flexbox لتسهيل تنظيم وترتيب العناصر داخل العناصر الأساسية في صفحة الويب، ويمكن استخدامها لتحقيق العديد من التخطيطات الرائعة التي تساعد على تحسين تجربة المستخدم. سوف نتعلم في هذا الفيديو كيفية استخدام خاصية flexbox، بما في ذلك كيفية تحديد عناصر flex، وتحديد الاتجاه والترتيب، وتحديد مساحة العناصر وتحديد مواضعها داخل العناصر الأساسية. كما سوف نناقش بعض الخصائص الأخرى التي يمكن استخدامها مع flexbox، مثل align-items و justify-content و flex-wrap وغيرها. في النهاية، سوف نقوم بعرض بعض الأمثلة العملية لاستخدام flexbox في تصميم صفحات الويب، وكيفية تحسين تجربة المستخدم بفضل هذه الخاصية المذهلة. إذا كنت مهتمًا بتحسين مهاراتك في تصميم صفحات الويب، فإن هذا الفيديو سيكون مفيدًا لك. تابعنا لمعرفة المزيد! نعم، يمكن استخدام خاصية flexbox في تصميم صفحات الويب المتجاوبة بكل سهولة. في الواقع، تعتبر flexbox من الخصائص الأكثر استخدامًا في تصميم صفحات الويب المتجاوبة، حيث تسمح للمطورين بتحقيق تخطيطات مرنة وقابلة للتعديل بشكل سلس في جميع أحجام الشاشة. باستخدام خاصية flexbox، يمكن تعيين العرض والارتفاع والمسافات بين العناصر بشكل مرن ودقيق في جميع قياسات الشاشة. كما يمكن تغيير ترتيب العناصر وتحديد مواقعها بناءً على أحجام الشاشة المختلفة. وبالإضافة إلى ذلك، يمكن استخدام خاصية flexbox بشكل مشترك مع وسائط أخرى مثل media queries و grid layout لتحقيق تصميم متجاوب يتكيف مع جميع الأحجام والأجهزة. لذا، إذا كنت تبحث عن طريقة سهلة وفعالة لتصميم صفحات الويب المتجاوبة، يمكنك الاعتماد على خاصية flexbox واستخدامها في تحقيق تخطيطات مرنة وجذابة في جميع أحجام الشاشة. ______________ توقيت الفيديو 00:00 هنعمل ايه 01:15 يعني ايه flexbox 02:10 تهيئة العمل 04:20 الفرق بين flex و block 05:15 display: inline-flex; 06:35 flex-direction 08:57 flex-wrap 11:07 flex-flow 11:40 justify-content 18:18 align-items and align-content 30:26 align-self 32:26 order 35:20 flex-grow 39:33 flex-shrink 42:57 flex-basis 45:01 flex 46:12 gap 46:55 wedding game