الواجهة الأماميةمبتدئ
Responsive Design
التصميم المتجاوب
النطقريسبونسيف ديزاين
التعريف
بناء الصفحة بحيث يتكيّف تصميمها مع أي حجم شاشة، من الهاتف الصغير إلى شاشة الحاسوب الكبيرة.
أين تسمعه؟
مهام الواجهة، ومراجعات التصميم، وملاحظات العملاء («الصفحة لا تظهر بشكل صحيح على هاتفي»).
أمثلة
The page is fully responsive, so it works on phones and tablets.
الصفحة متجاوبة بالكامل، لذلك تعمل على الهواتف والأجهزة اللوحية.We design mobile-first and add layout for larger screens later.
نصمّم للجوال أولًا ثم نضيف تخطيط الشاشات الأكبر لاحقًا.
خطأ شائع
الاختبار على شاشتك فقط. افحص على الأقل عرض هاتف ضيق وعرض حاسوب واسع.