6.3ممارسات جيّدة ومزالق
الأساسي في 30 ثانية
- البناء: حاويات Flexbox بسيطة (بلا فرط تداخل)، دليل أسلوب عامّ (ألوان/خطوط) مُعرَّف مبكّرًا، أجزاء عامّة في Theme Builder.
- التوثيق: H1 واحد لكل صفحة، alt على كل صورة، overlay للنص على صورة، نموذج مُختبَر، استجابة مضبوطة حسب نقطة التوقّف.
- التصنيع: صور مضغوطة + كاش، ودجات Pro مُدمَجة بدل إضافات خارجية، نسخ احتياطية، طقم قابل لإعادة الاستخدام — اختبر على جوّال حقيقيّ قبل التسليم.
الخيط الناظم — القاعدة الملصقة على الجدار
بعد بضعة مشاريع، ألصقت نادية قاعدتها على الجدار في وهران: مُبنيّ ومُختبَر أولًا، «جميل» ثانيًا. ما عدّ أكثر لم يكن ودجة، بل ثلاث عادات — بنية بسيطة، دليل أسلوب عامّ، اختبار جوّال — ومزلقها الأكبر المُتفادى بشقّ الأنفس: شريط رائع على شاشتها لكن غير مقروء على الهاتف، أُدرِك قبل التسليم.
اختر عادة واحدة لترسيخها في روتينك، ثم انتقل إلى التالية.
الـ do / don't لموقع موثوق
الفرق بين موقع متين ومصنع تعديلات يكمن في بضع عادات تصميم. إليك الأكثر تكرارًا.
✓ افعل
- البناء بحاويات Flexbox بسيطة؛ تداخلْ فقط عند الضرورة.
- تعريف دليل الأسلوب (ألوان/خطوط) عامّةً، منذ البداية.
- تصميم الترويسة/التذييل في Theme Builder (مرّة، لكل الموقع).
- H1 واحد لكل صفحة؛ alt وصفيّ على كل صورة.
- إضافة overlay حالما يكون هناك نصّ على صورة.
- ضغط الصور (WebP) وتفعيل كاش.
- تفضيل ودجات Pro المُدمَجة (النموذج) على الإضافات الخارجية.
- النسخ قبل أي تدخّل والاختبار على جوّال حقيقيّ قبل التسليم.
✗ تجنّب
- فرط تداخل الحاويات «للتحكّم».
- ضبط الألوان عنصرًا عنصرًا بدل العامّ.
- نسخ الترويسة على كل صفحة بدل Theme Builder.
- وضع نصّ مباشرة على صورة متباينة (غير مقروء).
- رفع صور ثقيلة غير مضغوطة.
- تكثير إضافات تتكرّر.
- نافذة منبثقة عند الوصول، صعبة الإغلاق (خاصّة الجوّال).
- الحكم بـ «جميل» على شاشة الحاسوب فقط، دون اختبار الجوّال.
نصّ جاهز للقول — فحص موقعك قبل التسليم (30 ث)
«بنية بسيطة؟ دليل أسلوب عامّ؟ ترويسة/تذييل عامّان؟ H1 واحد + alt؟ overlay على النص في صورة؟ صور مضغوطة + كاش؟ نموذج مُختبَر؟ جوّال مُتحقَّق منه؟ إن وُجد «لا»، أصحّح قبل التسليم.»
قالب للنسخ واللصق — تحقّق قبل التسليم
البنية: حاويات بسيطة، صفر فرط تداخل
عامّ: دليل أسلوب (ألوان/خطوط) + ترويسة/تذييل (Theme Builder)
المحتوى: H1 واحد/صفحة، alt في كل مكان، overlay إن كان نصّ على صورة
الأداء: صور WebP مضغوطة + كاش فعّال
النموذج: إرسال مُختبَر (بريد مُستلَم)
الجوّال: مُختبَر على هاتف حقيقيّحرفيّ / ميزانية صغيرة
عادة واحدة لكل مشروع تكفي: دليل أسلوب عامّ + بنية بسيطة أولًا، الباقي بعد.
مؤسّسة صغيرة بوهران
تكييف الطقوس مع التسليمات: فترة صور مضغوطة + اختبار جوّال في كل مشروع.
عن بُعد / مختلط
الانضباط رقم 1 عن بُعد: نسخة ودليل أسلوب وبرهان اختبار مكتوبة، حتى للمواقع الصغيرة.
متعدّد اللغات
تحقّق من دليل الأسلوب والأجزاء العامّة في كل لغة، والعرض RTL (AR).
تحدّي 48 ساعة — طبّق غدًا
افحص صفحة: دليل أسلوب عامّ مُطبَّق، صفر فرط تداخل، overlay على النص في صورة، صور مضغوطة. صحّح أول فجوة ووجدتها واختبر على الجوّال.
- أعرف العادات الـ8 والمزالق الـ8.
- تحقّقتُ من نقاطي الحرجة الثلاث (بنية بسيطة، دليل أسلوب عامّ، اختبار جوّال).
- أنجزتُ تحدّي 48 ساعة أو خطّطتُ تاريخه.
قبل التسليم، أي عادة تحمي نادية أكثر؟
القاعدة الذهبية: ضبط مُعرَّف مرّة (دليل أسلوب، أجزاء عامّة)، مُطبَّق في كل مكان — لا منسوخ يدويًا أبدًا.