ماهو التصميم التجاوبي ؟ كيف يعمل التصميم التجاوبي ؟ وماالفائدة في تصميم موقع تجاوبي ؟ 

أعلم أن هته الأسئلة تراودك و أنت تقرأ هته المقالة , لكن لاتستعجل سوف نجيب على كل هته الأسئلة في صلب مقالتنا اليوم .

1- ماهو التصميم التجاوبي؟

التصميم التجاوبي (Responsive Design) هو التصميم الذي يتناسق مع جميع المتصفحات و يلائم جميع أحجام الشاشات , فلو قمت بالدخول إلى موقع لايسخدم هته التقنية من الهاتف مثلا سوف تلاحظ أن هناك صعوبة في تحميل الموقع و تصفحه , وهنا يكمن دور التصميم التجاوبي حيث يوفر لك امكانية عمل تصميم يظهر في الهاتف فقط أوفي الأجهزة اللوحية فقط , هذا على حسب مقاسات الشاشة .

2-كيف يعمل التصميم التجاوبي ؟ 

التصميم التجاوبي بكل بساطة يتم عمله بCss و بخاصية @Media Screen حيث تحدد أقصى حجم الشاشة الذي تريد أن تظهر فيه التغييرات و تقوم بعمل أكواد Css بداخله ,هذا فقط وكما توضح الصورة أسفله .

3-ماالفائدة من تصميم موقع تجاوبي ؟

مع الإنتشار الواسع للأجهزة اللوحية و الأجهزة الذكية أصبح العديد يتصفح الأنترنيت من خلال هته الأخيرة أي أن نسبة الزوار لموقع ستكون من هته الأجهزة و بالتالي يتوجب عليك تصميم موقع تجاوبي وجعل زوارك يتمتعون به و يتمتعون بتصفح أفضل وسريع للموقع وذلك من أجل كسب الزيارات و المزيد من الأرباح عوض التفكير في صنع تطبيق لهاتفك الذي قد يكلفك الكثير من المال .

4-ماهي طريقة تصميم موقع تجاوبي ؟

لتصميم موقع تجاوبي توجد طريقتين , الأولى كما ذكرت في الصورة أعلاه الخاصة ب @Media Screen و الثانية هي عن طريق استعمال إطارات العمل مثل البوتستراب Bootstrap أو اطار العمل Foundation أو Gumby هذا سيساعدك بشكل كبير على تصميم موقع تجاوبي .

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

دمت في رعاية الله .