اذهب إلى المحتوى

مصطفى اوريك

الأعضاء
 عرض الملف الشخصي  تصفح المحتوى

  • المساهمات

    77

  • تاريخ الانضمام

  • تاريخ آخر زيارة

 نوع المحتوى 

ريادة الأعمال

البرمجة

التصميم

DevOps

التسويق والمبيعات

العمل الحر

البرامج والتطبيقات

آخر التحديثات

قصص نجاح

أسئلة وأجوبة

كتب

دورات

كل منشورات العضو مصطفى اوريك

  1. مصطفى اوريك
    لدينا في صفحة HTML : <div class="parent"> <div>1</div> <div>2</div> <div>3</div> <div>4</div> </di> و في صفحة CSS : * { box-sizing: border-box; } .parent { background-color: #eee; display: flex; flex-wrap: wrap; gap: 10px; } .parent > div { background-color: red; padding: 10px; flex: 1 100px; } أريد معرفة لماذا عندما أقوم بتصغير عرض الشاشة و أصل للعرض 307px تقريبا يظهر تجاوز للعناصر على المحور الأفقي overflow كالتالي: ألا يفترض أن لا يحدث ذلك كون الحاوية parent مرنة؟ لتجربة الكود : https://codepen.io/Lodlma_45/full/MWOpjoB
  2. مصطفى اوريك
    أعرف أن الإزاحة وقعت لكن من المفروض أن تحدث الإزاحة من الأعلى و هذا -حسب ما أظن- سيزيح تدرج الألوان بإتجاه الأسفل, و هذا -حسب ما يبدو لي- لن يجعل الجزء الأزرق يظهر, لكنه ظهر
  3. مصطفى اوريك
    السلام عليكم. لا أفهم سبب ظهور الجزء الأزرق من ال gradient بعد إعطاء القيمة 2,5% للخاصية position-y أرجو منكم التكرم و مساعدتي في فهم الأمر.
  4. مصطفى اوريك
    السلام عليكم. ما فائدة هذه الميتا ؟ : <meta http-equiv="X-UA-Compatible" content="IE=edge">
  5. مصطفى اوريك
    لم تفهم قصدي أريد أن تظهر مكونات الصفحة بشكل عادي و بدون إستعمال scroll, فهل هذا ممكن ؟
  6. مصطفى اوريك
    جربته و هو فعال حقا, لكن لماذا العنصر <body> لا يأخذ كامل عرض الصفحة في القياسات التي ذكرتها ؟ شكرا عمل هذا أيضا, لكن إذا قمت بتصغير عرض الشاشة يختفي جزء من مكونات الصفحة, فماذا أفعل لكي لا يحدث هذا ؟
  7. مصطفى اوريك
    إختفى ذلك الجزء الأبيض, على الأقل لا يظهر إلا في العرض 186px إلى تحت ملاحظة : قمت بوضع الخاصية في ال class المسمى intro و ليس intro__container, لم يعمل معي الأمر عندما وضعت الخاصية في هذا الأخير
  8. مصطفى اوريك
    السلام عليكم. لدي مشكلة -هذا إن كانت مشكلة- في تحقيق التجاوبية لصفحتي. عندما يصل عرض الشاشة لـ 343px و أقل : سترون ظهور فراغ أبيض في يمين الصفحة فما سبب المشكلة ؟ رابط الصفحة للمعاينة : https://mostafa-100.github.io/Responsive-Beginner-JS-Project/ رابط الأكواد : https://github.com/Mostafa-100/Responsive-Beginner-JS-Project
  9. مصطفى اوريك
    السلام عليكم | كيف أتمرن على تصميم المواقع بـ html-css-Javascript ؟ هذا اكثر شيء يشكل علي لأنه إذا أردت التمرن عليهم بتقليد تصاميم مواقع معينة كيف أعرف أن الكود الذي كتبته سليم, أقصد كيف أعرف أني مطبق للـ "best practices" في كتابة الكود ليس فقط أحشو التصميم بالأكواد ؟ قلت أن أقلد هذه التصاميم ثم أرى الكود الأصلي لها ثم أقارنها بالكود الذي كتبته لكن المشكلة أن أغلب تصاميم المواقع تستخدم أطر العمل أو لغات أخرى مثل pugjs في كتابة الكود, فهل هناك مشكلة هذه الناحية ؟
  10. مصطفى اوريك
    لكن الزر لم يظهر لي و لو مرة واحدة ؟
  11. مصطفى اوريك
    لماذا زر الـ <button> لا يظهر بعد تمرير الصفحة إلى الأسفل 600px ؟ أعرف أنه علي وضع الشروط داخل هذا كود : window.onscroll = function () {} لكن لماذا تلك الشروط لن تعمل إن لم أضعها فيه ؟
  12. مصطفى اوريك
    السلام عليكم. ما الذي يعنيه هذا الكود ؟ : [...Array(5).keys()] الجزء الذي به بعض الغموض حاليا لدي هي تلك النقاط الثلاث, فما فائدتها ؟
  13. مصطفى اوريك
    السلام عليكم. ما سبب إستخدام transform-style: preserve-3d في هذه الحالة ؟
  14. مصطفى اوريك
    السلام عليكم. لما يستخدم بعض الناس flex-grow مع flex-basis في عنصر معين رغم أنهم لا يستخدمونها لغرض الـتجاوبية أو الـ responsiveness ؟
  15. مصطفى اوريك
    السلام عليكم . أواجه مشكلة في فهم خاصية transform-style: preserve-3d , فهلا تكرمتم في شرحها لي ؟
  16. مصطفى اوريك
    <head> <meta charset="UTF-8" /> <title>Learn JavaScript</title> <script> let ahref = document.quer("open"); console.log(ahref[1].classList) </script> </head> <body> <a class="open" href="https://google.com">Google</a> <a class="open" href="https://wikipedia.org">wikipedia</a> <a class="not" href="https://facebook.com">Facebook</a> <a class="linked" href="https://wikipedia.org">wikipedia</a> </body> </html> لماذا classList لا تعمل إذا وضعت كود جافا سكريبت في HTML ؟ يظهر لي الخطأ التالي : Uncaught TypeError: Cannot set properties of null (setting 'onload') تعديل : تم حل المشكلة بال window.onload
  17. مصطفى اوريك
    السلام عليكم. أردت التدرب على CSS و HTML بتقليد هذا الموقع : https://preview.themeforest.net/item/metronic-responsive-admin-dashboard-template/full_screen_preview/4021469?_ga=2.205122643.2125731033.1631657300-1635609146.1627104878 و قد أنهيت الهيدر -أو جزءا كبيرا منه-, فأريد قبل أن أستمر أن أعرف إن كنت قد إرتكبت أخطاءا ما في الكود الذي كتبته -أقصد بالأخطاء هنا, الأخطاء المنطقية, أي مثلا إستعمال عنصر أو خاصية ما في غير موضعها-, و أيضا أريد أن أعرف إن كان هناك تحسينات ما لأفعلها. هذا رابط الصفحة للمعاينة: https://mostafa-100.github.io/Metronic-Template_ThemeForest/ و هذا رابط الأكواد: https://github.com/Mostafa-100/Metronic-Template_ThemeForest و شكرا.
  18. مصطفى اوريك
    السلام عليكم. ما هي افضل طريقة لوضع هذه الخلفية ؟
  19. مصطفى اوريك
    شكرا جزيلا, لماذا بعد إعطاء ذلك الـ <div> خاصية display: flex, الصورة نقص إرتفاعها ؟
  20. مصطفى اوريك
    السلام عليكم. في الكود الموجود تحت, ألاحظ أن العنصر <div> ذو الكلاس logo-container يتناقص طوله بعد إعطائه خاصية display: flex لكي يكون ملاصقا لطول صورة اللوجو, فأسئلتي هي : لماذا حدث ما حدث بعد إعطاء هذا الـ <div> خاصية display: flex ؟ و لماذا هذا الكلاس لم يكن طوله ملاصقا للصورة من البداية مع أنني لم أعطيه أي طول معين ؟ الأكواد المقصودة : <header> <div class="logo-container"> <img src="https://keenthemes.com/metronic/assets/images/logos/logo-white.svg"> </div> <nav> <ul> <li>Home</li> <li>Metronic</li> <li>Hire Us</li> <li>Buy Now</li> </ul> </nav> </header> header { display: flex; align-items: center; } header .logo-container { flex: 1; } nav { flex: 2 } nav ul { list-style: none; display: flex; } /*.logo-container { display: flex; }*/
  21. مصطفى اوريك
    هل يمكنكم إخباري متى نستعمل عنصر ما من عناصر semantic element ؟ مع تبسيط الأمر لو سمحتم. أعرف لما يُستخدمون لكن أريد أعرف اين يُستخدمون ؟
  22. مصطفى اوريك
    شكرا جزيلا لك على هذه المعلومات
  23. مصطفى اوريك
    نعم أظنني فهمت, إذن الإرتفاع يتغير بتغير الأجهزة ؟
  24. مصطفى اوريك
    لا أظنك فهمت ما أقصده, بتعبير آخر, قصدت أنني عندما إستمررت في تكبير الصفحة التي بها تلك الصورة -لم أكبر الصورة و إنما الصفحة- ظهر السكرول في هذه الصفحة -كون النصوص كبُرت مع تكبيري للصفحة-, فسؤالي أليس إرتفاع الصفحة قد زاد -أثناء ظهور سكرول-, بالتالي سيزيد عندها إرتفاع الصورة لأن قيمة vh تزداد مع إزدياد إرتفاع الصفحة ؟ أرجو أنك فهمت ما قصدت.
  25. مصطفى اوريك
    إذن الخاصية هي السبب وراء هذا فهمت, لكن ليس كاملا, عندما قمت بتكبير الشاشة وصلت لدرجة ظهور scroll في الصفحة فأليس من المفترض ان إرتفاع الشاشة كبُر عندها -أثناء ظهور sroll-, بالتالي الصورة سيتغير حجمها ؟
×
×
  • أضف...