المشاركات

عرض المشاركات من مايو 31, 2026

رحلة لم تكن سهلة

صورة
رحلة لم تكن سهلة في بداية طريقي كان هدفي بسيطًا وواضحًا، أردت إطلاق تطبيقي الخاص على متجر التطبيقات. اشتريت حساب مطور، وقمت بتجهيز الصور اللازمة، وأنهيت المتطلبات المطلوبة، وكنت أعتقد أن أصعب جزء قد انتهى. لكن الحقيقة كانت مختلفة تمامًا. واجهت الكثير من العقبات التقنية والمشاكل المتكررة، خاصة أثناء العمل على المشاريع والتصاميم والتعديلات البرمجية. كنت أحيانًا أصلح مشكلة لأكتشف ظهور مشكلة أخرى بعدها مباشرة. ومع مرور الوقت تحولت الرحلة إلى سلسلة طويلة من التجارب والتعلم والمحاولات المستمرة. ما لا يراه الآخرون يعتقد الكثير من الناس أن العمل في المجال الرقمي أمر سهل، وأن إنشاء موقع أو تطبيق لا يحتاج إلا إلى بضعة أيام من العمل. لكن الواقع مختلف تمامًا. خلف كل مشروع ساعات طويلة من البحث والتجربة والفشل وإعادة المحاولة، وخلف كل نتيجة ناجحة عشرات المشكلات التي لم يرها أحد. خلال هذه الرحلة تعرضت للكثير من الإحباط والضغوط النفسية. بعض العقبات كانت تقنية، وبعضها الآخر كان بسبب آراء الآخرين وأحكامهم السريعة. ومع ذلك كنت أواصل التعلم لأنني كنت أؤمن أن كل مشكلة تحل اليوم ستص...

🎁 إهداء للمدونين أصحاب المدونات الجانبية.. كود البروفايل

صورة
🎁 إهداء للمدونين أصحاب المدونات الجانبية هذا الكود إهداء بسيط مني للمدونين، خصوصًا أصحاب المدونات الجانبية اللي يستخدمون قالب بلوجر مثل Contempo Dark ويبغون تنسيق زر البروفايل الافتراضي بدون تخريب القالب. 💜 الكود بدون خلفية للصفحة، وبدون مقاسات للشاشة، وبدون أكواد تجاوب للجوال. 📍 أين أضع الكود؟ اذهب إلى لوحة تحكم بلوجر، ثم افتح صفحة إعدادات المدونة. ⚙️ ادخل إلى لوحة تحكم بلوجر. 📌 انزل إلى أسفل القائمة. 🧩 اختر التنسيق. ➕ افتح أداة HTML/JavaScript أو أداة مناسبة في القائمة الجانبية. 📋 انسخ الكود التالي كما هو. 💾 احفظ التعديل ثم عاين المدونة. 💜 مميزات الكود ✅ لا يضيف خلفية للمدونة. ✅ لا يغير مقاسات الصفحة. ✅ لا يحتوي على أكواد تجاوب للجوال. ✅ مناسب للمدونات السوداء. ✅ ينسق زر البروفايل الافتراضي في بلوجر. ✅ مناسب لقالب Contempo Dark. 📋 الكود <!-- كود تنسيق أزرار أداة البروفايل الافتراضية في بلوجر --> <style> /* استهداف أزرار أداة البروفايل الافتراضية وتنسيقها بشكل موزون */ .profile-databutton, .profile-link, #Profile1 a, .g-...

عندما يتحول CSS إلى مشكلة داخل القالب

⚠️ كثرة أكواد CSS ليست دائمًا الحل عند استخدام الذكاء الاصطناعي لإنشاء إضافات أو أدوات جديدة للمدونة، ألاحظ أن بعض النماذج تضيف كمية كبيرة من أكواد CSS حتى لو كانت الإضافة بسيطة جدًا. في البداية قد يبدو الأمر طبيعيًا، لكن بعد فترة تبدأ المشاكل بالظهور، خصوصًا عندما تتراكم الأكواد داخل القالب وتصبح عملية التعديل أصعب من السابق. 💜 المشكلة ليست في CSS نفسه قبل أي شيء، أنا لا أقول إن CSS سيئ أو غير مهم. بالعكس، هو أساس تنسيق المواقع. لكن المشكلة تبدأ عندما يتحول كل شيء داخل الموقع إلى أكواد CSS ضخمة ومتداخلة يصعب فهمها أو تعديلها لاحقًا. 💜 كل إضافة جديدة تحتوي على عشرات الأسطر من CSS قد تتحول لاحقًا إلى مصدر تعارضات ومشاكل داخل القالب. 🚨 ماذا يحدث عندما تكثر أكواد CSS؟ كل إضافة جديدة تضيف تنسيقات جديدة، ثم تأتي إضافة أخرى وتعدل على نفس العناصر، وبعدها تصميم جديد يضيف تنسيقات إضافية فوقها. بعد عدة أشهر يصبح من الصعب معرفة مصدر أي مشكلة أو معرفة أي كود مسؤول عن عنصر معين. 💜 تضارب بين الأكواد. 💜 صعوبة الصيانة والتعديل. 💜 زيادة حجم القالب. 💜 استهلاك وق...

🚨 القالب متجاوب أصلًا.. فلماذا يضيف الذكاء الاصطناعي أكواد تجاوب جديدة؟

⚠️ أخطاء يقع فيها كثير من المدونين عند استخدام الذكاء الاصطناعي عند استخدام أي نموذج ذكاء اصطناعي لكتابة مقال أو تصميم صفحة، لازم تنتبه لبعض الأمور المهمة قبل نسخ أي كود إلى مدونتك. كثير من النماذج تضيف تعديلات من نفسها وتسبب مشاكل أنت في غنى عنها. 🎨 لا تطلب خلفيات للمقال من أكبر الأخطاء إضافة خلفيات داخل المقال أو الحاويات الرئيسية. إذا كنت تبني هوية مدونتك من الصفر فالأفضل ترك ألوان القالب الأصلية كما هي. 💜 نقطة مهمة: الخلفيات الإضافية قد تخفي مشاكل القالب وتخليك تضيع وقت طويل في البحث عن سبب الخلل. 📱 الذكاء الاصطناعي يضيف تجاوب الجوال من نفسه حتى لو لم تطلب تجاوب للجوال، بعض النماذج تضيف أكواد خاصة بالشاشات الصغيرة تلقائيًا، وهنا تبدأ المشاكل. القالب في بلوجر غالبًا متجاوب أصلًا، لذلك أي أكواد إضافية قد تسبب تعارضات وتغير أحجام العناصر بين صفحة وأخرى. 💜 أهم نقطة في المقال: لا تحتاج أكواد تجاوب داخل كل مقال طالما القالب متجاوب من الأساس. 🚫 أكواد يجب مراجعتها قبل النشر 💜 وجود @media. 💜 وجود max-width الخاصة بالتجاوب. 💜 وجود min-width. 💜 إضافة...