تطوير الويب · مصطلحات · CSS وتنسيق الصفحات

ما معنى responsive design؟

المعنى في مجال تطوير الويب مع أمثلة

اسممصطلح أساسي

responsive design: تصميم متجاوب

نهج لبناء الصفحات بحيث يتكيف التخطيط نفسه مع أحجام الشاشات المختلفة، من الهواتف والأجهزة اللوحية إلى الشاشات الكبيرة.

طريقة الاستخدام

يعتمد على تخطيطات ووحدات وصور مرنة واستعلامات الوسائط. يقال إن الموقع متجاوب أو غير متجاوب؛ ويعني نهج «الهاتف أولًا» البدء بتصميم الشاشات الصغيرة.

أمثلة

  1. The client wants a responsive design that works well on phones too.

    يريد العميل تصميمًا متجاوبًا يعمل جيدًا على الهواتف أيضًا.

    يطلب العميل تخطيطًا يتكيف مع شاشة الهاتف بدل الاقتصار على الحاسوب.

  2. With responsive design, we don't need a separate mobile site anymore.

    بفضل التصميم المتجاوب، لم نعد بحاجة إلى موقع منفصل للهواتف.

    يتكيف الموقع الواحد مع الأجهزة المختلفة، فلا يلزم بناء نسخة هاتف مستقلة.

تراكيب شائعة

  • responsive layout
  • fully responsive
  • mobile-first design
  • responsive images

معنى الكلمة في مجالات أخرى

قد يختلف معنى الكلمة الإنجليزية نفسها من مجال إلى آخر:

مصطلحات أخرى: CSS وتنسيق الصفحات

تدرّب على القراءة المتدرجة

تساعدك القراءة بالمستوى المناسب على تثبيت المفردات الجديدة. اختر كتبًا إنجليزية مجانية: