التصميم المتجاوب ونقاط التوقف
اقترح ماركوت (2010) التصميم المتجاوب بالشبكات المرنة والصور المرنة واستعلامات الوسائط. ولأن القراءة تختلف بحجم الشاشة (Chae & Kim, 2004; Kim et al., 2015) لا يكفي التمدد وحده.
المحتوى لا الأجهزة
ضع النقطة حيث ينكسر المحتوى. ووفق روبليفسكي (2011) ابدأ بالشاشة الصغيرة ووسّع بـmin-width، دعماً لـتصميم الجوال أولاً ومؤشرات الويب الأساسية (Mozilla, n.d.).
استعلامات الحاوية والاختبار
تحل استعلامات الحاوية مشكلة إعادة استخدام المكونات (Nebeling & Norrie, 2013). تحقق من ثبات التسلسل البصري واختبر الوضع الأفقي وتكبير الخط والأجهزة القابلة للطي.
الأسئلة الشائعة
- كم نقطة؟
- غالباً من 2 إلى 4 حسب المحتوى.
- min-width أم max-width؟
- الجوال أولاً مع min-width أسهل صيانة.
تاريخ مراجعة المصادر: 2026-10-26
المراجع
- Marcotte, E. (2010, May 25). Responsive web design. A List Apart. المقال الذي عرّف التصميم المتجاوب.
- Marcotte, E. (2011). Responsive web design. A Book Apart. كتاب يفصّل أساليب التصميم المتجاوب.
- Wroblewski, L. (2011). Mobile first. A Book Apart. استراتيجية الجوال أولاً.
- Mozilla. (n.d.). Using media queries. MDN Web Docs. مرجع تقني لصياغة استعلامات الوسائط.
- Nebeling, M., & Norrie, M. C. (2013). Responsive design and development: Methods, technologies and current issues. In Web Engineering: ICWE 2013 (pp. 510–513). Springer. درس عن أساليب التطوير المتجاوب وقضاياه.
- Kim, J., Thomas, P., Sankaranarayana, R., Gedeon, T., & Yoon, H.-J. (2015). Eye-tracking analysis of user behavior and performance in web search on large and small screens. Journal of the Association for Information Science and Technology, 66(3), 526–544. سلوك القراءة يختلف بحجم الشاشة.
- Chae, M., & Kim, J. (2004). Do size and structure matter to mobile users? An empirical study of the effects of screen size, information structure, and task complexity on user activities with standard web phones. Behaviour & Information Technology, 23(3), 165–181. الشاشات الصغيرة تتطلب بنى أبسط.