مصطفى اوريك
-
المساهمات
63 -
تاريخ الانضمام
-
تاريخ آخر زيارة
نوع المحتوى
ريادة الأعمال
البرمجة
التصميم
DevOps
التسويق والمبيعات
العمل الحر
البرامج والتطبيقات
آخر التحديثات
قصص نجاح
أسئلة وأجوبة
كتب
دورات
كل منشورات العضو مصطفى اوريك
-
السلام عليكم . أواجه مشكلة في فهم خاصية transform-style: preserve-3d , فهلا تكرمتم في شرحها لي ؟
- 1 جواب
-
- 1
-
-
<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- 2 اجابة
-
- 2
-
-
السلام عليكم. أردت التدرب على 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 و شكرا.
- 1 جواب
-
- 1
-
-
شكرا جزيلا, لماذا بعد إعطاء ذلك الـ <div> خاصية display: flex, الصورة نقص إرتفاعها ؟
-
السلام عليكم. في الكود الموجود تحت, ألاحظ أن العنصر <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; }*/
- 3 اجابة
-
- 1
-
-
هل يمكنكم إخباري متى نستعمل عنصر ما من عناصر semantic element ؟ مع تبسيط الأمر لو سمحتم. أعرف لما يُستخدمون لكن أريد أعرف اين يُستخدمون ؟
- 3 اجابة
-
- 2
-
-
شكرا جزيلا لك على هذه المعلومات
-
نعم أظنني فهمت, إذن الإرتفاع يتغير بتغير الأجهزة ؟
-
لا أظنك فهمت ما أقصده, بتعبير آخر, قصدت أنني عندما إستمررت في تكبير الصفحة التي بها تلك الصورة -لم أكبر الصورة و إنما الصفحة- ظهر السكرول في هذه الصفحة -كون النصوص كبُرت مع تكبيري للصفحة-, فسؤالي أليس إرتفاع الصفحة قد زاد -أثناء ظهور سكرول-, بالتالي سيزيد عندها إرتفاع الصورة لأن قيمة vh تزداد مع إزدياد إرتفاع الصفحة ؟ أرجو أنك فهمت ما قصدت.
-
إذن الخاصية هي السبب وراء هذا فهمت, لكن ليس كاملا, عندما قمت بتكبير الشاشة وصلت لدرجة ظهور scroll في الصفحة فأليس من المفترض ان إرتفاع الشاشة كبُر عندها -أثناء ظهور sroll-, بالتالي الصورة سيتغير حجمها ؟
- 8 اجابة
-
- 1
-
-
السلام عليكم. رغم تكبير صفحة HTML , الصورة الموجودة فيها لا يتغير حجمها, كيف وقع هذا ؟ الخاصية الوحيدة التي أعطيتها للصورة كان height: 60vh, لكن لا أرى أي دور لهذه الخاصية فيما حدث. أكواد الصفحة المقصودة تجدونها هنا : https://github.com/Mostafa-100/Landing-Page الصفحة للمعاينة : https://vibrant-lamarr-1c63e6.netlify.app/
- 8 اجابة
-
- 1
-
-
شكرا جزيلا على الإجابة, لكن لم أفهم إجابتك على السؤال الأول أرجو منك المزيد من التوضيح.
- 4 اجابة
-
- 1
-
-
السلام عليكم. لدي بعض الأسئلة حول بعض وحدات قياس لغة CSS : 1- ما هي وظيفة كلا من vmin و vmax ؟ 2- بالنسبة للوحدات التالية : em ,rem, هل تستخدم فقط لوضع المقاسات للخطوط أم تستخدم أيضا في وضع مقاسات للحاويات و غيرها من العناصر ؟ إذا كان يمكن إستخدامها لكل العناصر فكيف تعملان عندها ؟ 3-ماذا سيحدث لو وضعنا لعنصر معين height يساوي 12vm مثلا و ليست 12vh ? تعديل : سؤال أخير لماذا يستخدم الناس min-width -أو min-height- إذا كانوا سيضعون القيمة Xvm -أو Xvh- (X إعتبروه رقما) ? , ألا يكفي استخدام خاصية width -أو height- لهذا, فالعنصر الذي به هذه القيم سيتغير ليناسب عرض الجهاز -أو إرتفاعه-
- 4 اجابة
-
- 1
-
-
إكتشفت خاصية من خواص CSS إسمها text-fill-color, قرأت أنها تسمح بتعبئة لون النص, لكن لم أفهم ما المقصود بهذا, و أيضا أثناء تجربتي هذه الخاصية في عنصر معين لاحظت أنه لا يوجد فرق بينها و بين خاصية color و هذه الخاصية, فما وظيفة هذه الخاصية ؟
- 2 اجابة
-
- 2
-
-
السلام عليكم. متى نستخدم وسم <div>, حيث أن هناك تصاميم معينة ليست متأكدا لما يستخدم أصحابها وسم <div> في أمكنة معينة, لدينا على سبيل المثال هذا الكود : <!--هذا كود لإنشاء الناف بار الموجود أعلى الصفحة--> <body> <div class="banner"> <div class="navbar"> <img src="logo.png"> <ul> <li></li> <li></li> <li></li> <li></li> </ul> </div> </div> <body> .banner { width: 100%; height: 100vh; background-image: linear-gradient( rgba(0,0,0,0.75), rgba(0,0,0,0.75) ), url("../images/image.jpg"); background-size: cover; } لماذا إستخدم صاحب التصميم <div class="banner> ؟ ألم يكن من الممكن إستخدام <body> ؟ فيديو صاحب التصميم المذكور أثناء تصميمه الصفحة التي جلبت منها الكود الموجود فوق : https://www.youtube.com/watch?v=PgAZ8KzfhO8
- 2 اجابة
-
- 3
-
-
شكرا جزيلا بالنسبة لملاحظتك الأولى فسأتنبه لهذا الأمر مستقبلا بالنسبة لملاحظاتك الثانية و الثالثة , فأنبهك أنني قمت فقط بتقليد هذا التصميم من مصدر معين للتدرب, و أنا فقط أحاول أن يكون تصميمي مطابقا لذلك التصميم.
-
السلام عليكم. هل أجد شخصا يطلع على تصميمي -تصميم باستخدام HTML و CSS- و يخبرني بالتحسينات التي يمكنني القيام بها أو الأخطاء الموجودة في الكود ؟ رابط الكود على جيت هوب : https://github.com/Mostafa-100 رابط مشاهدة التصميم : https://pedantic-bose-bdbd31.netlify.app/
- 2 اجابة
-
- 1
-
-
شكرا لك على هذه النصيحة, المشكلة حقا توجد في المتصفح لقد قمت بتجربة الـ responsive بالطريقة التي ذكرتها و لاحظت أن الأمر يعمل, شكرا جزيلا مرة أخرى شكرا جزيلا لك أيضا, المشكلة موجودة في المتصفح ليس الكود قمت بتجربة ال responsive بطريقة أخرى في المتصفح و عمل معي الأمر
- 13 اجابة
-
- 1
-
-
جربت الأمر في متصفح edge و توجد نفس المشكلة به, هل المشكلة لها علاقة بالتوافقية مع المتصفحات, هل علي إستخدام أكواد vendors prefixes مثلا أنشأت تصميما آخر به نفس المشكلة يمكنك رؤيته هنا : https://github.com/Mostafa-100/Lean-Template
-
المشكلة ليست هنا
-
ملاحظات : ملف css موجود في ملف إسمه css يحتوي ملف css أيضا على ملف normalize و ملف all.min (ملف fontawesome) index.html master.css لم يعمل الأمر
-
إنها مشكلة غريبة حقا, قمت بعمل ما فعلت لكن لم يعمل معي الأمر, كتبت الكود في موقع codepen, و حاولت تجربة الأمر فوجدته يعمل! المشكلة إذن ليس في الكود الذي كتبته لي و إنما في مكان آخر, فبرأيك أين قد تقع المشكلة ؟
-
السلام عليكم | وضعت flex-basis: 50% للشاشات التي عرضها من 767px إلى 1199px, و وضعت للشاشات التي عرضها من 1199px إلى ما فوق flex-basis: 25%, لكن لاحظت أنه قبل أن نصل للشاشات ذات العرض 1199px صار flex-basis يساوي 25% , (أنظروا إلى الصورة الموجودة مع هذا السؤال). فهل هذا شيء عادي أم أنه خطأ في الكود ؟ و سؤالي الثاني, إذا وضعنا مثلا هذه الأكواد التالية : /* الكود الأول */ media (max-width: 767px) { div { display: none; } } /* الكود الثاني */ media (min-width: 767px) { div { display: none; } } في الكود الأول : هل مازال يتم إخفاء عنصر <div> عندما يصل عرض الجهاز ل 767px أم الخاصية تتوقف عندما يصل عرض الجهاز إلى 766px ؟ و أيضا في الكود الثاني : متى يتم إخفاء عنصر <div> هل عندما يصل عرض الجهاز ل 767px أم عندما يصل إلى 768px ؟
- 13 اجابة
-
- 1
-
-
ماذا يعني هذا الكود -كود CSS- : grid-template-columns:/* هذا الكود --> */ repeat( auto-fill,minmax(450px, 1fr) );
- 1 جواب
-
- 1
-
