الطريقة الصحيحة لتعلم التجاوبية في تطوير المواقع

سيتعين عليك تعديل التنسيقات بما يتناسب مع أحجام الشاشة المختلفة وذلك من خلال media queries، ولا توجد قاعدة واحدة لجميع التصميمات.

و الأمر أسهل لو استخدمت الـ Grid و الـ Flex بشكل صحيح، أي لو  قمت ببناء العناصر بشكل جيد وقمت باستخدام Grid و Flex وبالأخص Grid بشكل صحيح، ستقل نسبة استخدامك للـ Media Query بشكل كبير جدًا، وذلك يعرف باسم Fluid Layouts.

وكذلك استخدام وحدات القياس الديناميكية مثل rem  وem.

وبالطبع دراسة أساسيات التصميم لواجهة المستخدم، لتتمكن من تصميم المساحات بشكل جيد وبناءًا على أسس صحيحة وليس بشكل عشوائي، وكذلك تراتبية هيكل الموقع لها أسس وليست عشوائية.

ستجد تفصيل هنا: