مصطفى اوريك
-
المساهمات
77 -
تاريخ الانضمام
-
تاريخ آخر زيارة
نوع المحتوى
ريادة الأعمال
البرمجة
التصميم
DevOps
التسويق والمبيعات
العمل الحر
البرامج والتطبيقات
آخر التحديثات
قصص نجاح
أسئلة وأجوبة
كتب
دورات
كل منشورات العضو مصطفى اوريك
-
السلام عليكم. رغم تكبير صفحة 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
-
-
شكرا جزيلا مرة أخرى !!
-
؟؟ قمت بعمل الأكواد التي في الصورة, ألاحظ عندما أقوم بإلغاء width العنصر الأحمر, لا يتغير عرض العنصر الأزرق ؟ فلماذا هذا حدث رغم أنك قلت أن خاصية flex-basis لن تعمل لن تغير عرض العنصر إلا إن تم تحديد حجم باقي العناصر التي بجانبها
- 7 اجابة
-
- 1
-
-
شكرا جزيلا !!
-
شكرا فهمت بعض الأمور, لكن مازال لدي إشكال في سبب عدم اخذ الايقونة عرض 60px التي قمت بإعطائها لها, و أيضا سبب أخذها المفاجئ لهذه القيمة بعض تحديد flex: 1 للعنصر ذو الكلاس text, فأرجو توضيح هذا الأمر لي
- 7 اجابة
-
- 1
-
-
هل يوجد أحد يشرح لي كيف حدث هذا ؟ لماذا عندما وضعت flex-basis: 60px للصورة , الصورة مع هذا لم يتغير عرضها (width) و مازال يساوي 32px و لماذا عندما وضعت flex:1 للعنصر ذو الكلاس text الصورة أخذت فجأة width يساوي 60px (القيمة التي أعطيته لها)
- 7 اجابة
-
- 1
-
-
ليست متأكدا إن كنت ستقرأ هذا الكلام , لكن... بالنسبة لاختيار الكلمة المفتاحية , هل قبل أن تختار تلك الكلمة المفتاحية التي ذكرتها هل إهتممت بحجم المنافسة أم لا ؟ بمعنى آخر هل يجب الإهتمام بحجم المنافسة على الكلمات المفتاحية عند العمل بهذه الخطوات التي ذكرتها ؟ و أيضا هل هذه الخطوات فعالة لأصحاب المدونات الجديدة ؟
-
السلام عليكم. أريد أن أستهدف بمقالاتي العرب عموما , لكن كيف أعرف حجم المنافسة على كلمة مفتاحية معينة إذا أخذنا بعين الإعتبار أنني أستهدف العرب عموما ؟ , أعرف أن هناك أدوات مثل ubersuggest تسمح بمعرفة حجم المنافسة على كلمة مفتاحية , لكن المشكلة أن الموقع يسمح فقط بإختيار دولة واحدة و ليس مجموعة من الدول , هناك أداة google keyword tool لكن أشعر أنها ليست دقيقة. أرجو أن تُفصلوا في الأمر بشكل واضح , و حبذا لو ذكرتم لي الطريقة الأمثل لاختيار كلمة مفتاحية بالنسبة للمبتدئين في التدوين (مع العلم أنني قرأت و شاهدت كل ما يتعلق بهذا الأمر لكن لم أجد بعض ما أريده) .
