ماهو التصميم المتجاوب للموقع أو المدونة Responsive Design ؟
التصميم المتجاوب هو تصميم مناسب للعمل علي جميع أحجام الشاشات والمقايس المختلفة للأجهزة بشكل تلقائي ، فكما نعلم ان الأجهزة تختلف من حيث حجم الشاشة وطريقة العرض ولكل جهاز مقاييس محددة للشاشة فمثلاً الحواسيب المكتبية والمحمولة تختلف عن الحواسيب اللوحية وأيضاً الهواتف الذكية بالطبع لديها حجم للشاشة صغير جداً مقارنةً بغيرها من الأجهزة ، وهذا ما نعني به تصميم متجاوب أي انه لا يتوقف عند حجم معين للشاشة بل يتجاوب ويتوافق مع جميع الأحجام والشاشات بشكل تلقائي ، ويتم برمجة هذا النوع من التصميمات بلغات HTML5 و CSS3 .
التصميم المتجاوب هو تصميم مناسب للعمل علي جميع أحجام الشاشات والمقايس المختلفة للأجهزة بشكل تلقائي ، فكما نعلم ان الأجهزة تختلف من حيث حجم الشاشة وطريقة العرض ولكل جهاز مقاييس محددة للشاشة فمثلاً الحواسيب المكتبية والمحمولة تختلف عن الحواسيب اللوحية وأيضاً الهواتف الذكية بالطبع لديها حجم للشاشة صغير جداً مقارنةً بغيرها من الأجهزة ، وهذا ما نعني به تصميم متجاوب أي انه لا يتوقف عند حجم معين للشاشة بل يتجاوب ويتوافق مع جميع الأحجام والشاشات بشكل تلقائي ، ويتم برمجة هذا النوع من التصميمات بلغات HTML5 و CSS3 .
في السابق كانت فكرة تصميم موقع متجاوب غير موجودة بل كانت محل سخرية ولم يكن المصممين يهتمون كثيراً بهذه الجزئية وهذا الأمر كان راجع الي أن نسبة مستخدمي الحواسيب المكتبية والمحمولة تتعدي 80 % وبالطبع فأحجام الشاشات تكون متقاربة جداً فقط هي تختلف إختلاف بسيط فيما بينها .
ولكن اليوم وقد أصبحت الأجهزة والهواتف الذكية جزء لا يتجزأ من حياتنا اليومية وأصبح كل شخص يمتلك إما هاتف ذكي او حاسوب لوحي سواء كان أندرويد ، آي فون ، آي باد أو أي جهاز أخر ولم يعد إستخدام هذه الأجهزة محدوداً كما كان بالسابق ، وقد إزداد معدل إستخدام الهواتف والأجهزة الذكية بشكل ملحوظ جداً في السنوات القليلة الماضية حيث أثبتت الدراسات ان عدد المستخدمين للهواتف الذكية في عام 2014 تجاوز حاجز 2 مليار مستخدم حول العالم وهي نسبة تعادل أكثر من مستخدمي الحواسيب المكتبية والمحمولة ، وأيضاً أثبتت الدراسات ان أكثر من 50 % من مستخدمي شبكة الأنترنت يستخدمون الهواتف الذكية للدخول علي الشبكة .
أهمية التصميم المتجاوب للمواقع :
التصميم المتجاوب للمواقع أصبح أمر غير قابل للنقاش أو التداول وأصبح من المهام الرئيسية لأي مصمم ويب محترف ان يصمم موقع متجاوب ومناسب للعرض علي جميع الشاشات ، وكذلك فكبري الشركات ومنها جوجل تنصح بضرورة تحويل تصميم موقعك أو مدونتك الي موقع متجاوب يعمل مع جميع الأجهزة ، لذلك إذا كنت ترضي بأن تتخلي عن نصف زيارات موقعك فيمكنك البقاء بموقعك علي تصميمك القديم الذي يعمل علي نوع واحد من الشاشات .
بتحويل تصميم موقعك او مدونتك الي تصميم متجاوب انت بذلك تصل بالمحتوي والموقع الي جميع الأشخاص والفئات حول العالم فإذا كان المستخدم يدخل الي الأنترنت من حاسوب مكتبي او محمول او حاسوب لوحي او هاتف ذكي فأنت بذلك لن تقلق حيال هذا الزائر وياتي من أي مصدر طالما ان موقعك يتكيف بشكل تلقائي مع جميع الأجهزة .
وترجع فكرة التصميم المتجاوب للمواقع الي ايثان ماركو – Ethan Marcotte وهو اول شخص قدم نموذج للتصميم المتجاوب ، وقام بكتابة مقالة مطولة ليناقش فيها الأفكار والأسس التي عمل عليها لإنتاج هذا النوع من التصميم حيث قال ان التصميم المتجاوب ليس مجرد جزء منفرد من التكنولوجيا الحديثة ، ولكنه عبارة عن مجموعة من التقنيات والأفكار التي تعمل معاً لتشكل التصميم النهائي للموقع الذي يتناسب ويتوافق بشكل تلقائي مع مختلف أحجام الشاشة .
والان بعد ان تعرفنا علي ماهو التصميم المتجاوب للمواقع كيف تعرف أن تصميم وقالب موقعك او مدونتك متجاوب مع مختلف الأجهزة والشاشات ام لا ، واليوم جهزنا لكم شرح حصري من قناة عرب فيوتشر لمعرفة ذلك .
المواقع المستخدمة في الشرح :
الموقع الأول وهو من أدوات مطوري جوجل : mobile-friendly
الموقع الثاني المستخدم في الشرح : www.studiopress.com/responsive
والأن شاهد الفيديو التالي :
يمكنك إضافة الملاحظات او الإستفسار عن محتوي المشاركة او اضافة معلومة جديدة لم يتم التطرق اليها ، يمنع اضافة اية روابط علي سبيل الدعاية