باسم الله الرحمان الرحيم

السلام عليكم و رحمة الله تعالى وبركاته

بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاته، مرحبا أعزائي متابعي عالم المعلوميات، اليوم سوف نقدم لكم موضوع مهم وضروري لكل مدون الذي يتجاهله الكثير من المبرمجين والمصميمين وهو كيف تجعل مدونتك متجاوبة ولماذا ؟
وهذا هو السؤال المطروح ......

1-تعربف التصميم المتجاوب :
التصميم المتجاب وكما يدل على اسمه هو متناسق مع جميع أحجام الشاشات بحيث يتجواب مع الحاسوب والهواتف...

2-لماذا يجب عليك إستعمال التصميم المتجاوب؟
كما تعلَم فإن مستخدمي الهواتف الذكيّة زاد بشكل كبير في هذه الأيام بحيث أصبح تصفح المواقع من خلال الهواتف... و المواقع التي لاتتوفر على خاصية التصميم المتجاوب سوف تفقد بكل تأكيذ الكثير من الزوار وعندما نقول الزوار فهاذا يؤثر بشكل كبير على أرباح مدونتك.

3-ما الفائدة من التصميم المتجاوب؟
سوف يصبح موقعك جميل ومرتب على جميع أحجام الشاشات وكذلك تكون راحة للمستخدمين لتجول في مدونتك وتصفح مواضيعك ولذلك أنا أنصح بالتصميم المتجاوب.

4-المتصفحات و دعمها للتصميم المتجاوب

وبعد ضهور التصميم المتجاوب سارعة شركات الخاصة بالمتصفحات ودعمتها خاصة بعد ضهور تقنيات جديدة HTML5 And CSS3 وأصبحت أكثر داعما لها .

5-أنواع الأجهزة المستعملة للتصميم المتجاوب

6-كيف أجعل موقعي متجاوبا؟

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

1.عن طريق عمل في البيئة الجاهزة مثل مكتبة المشهورة Boostrab ولكن يجب بناء موقعك من الأول على هذه المكتبة وهي سهلة الرابط من هنا

2.عن طريق أكواد CSS

بوضعها داخل ملف CSS الذي تعمل عليه وتأخذ كل واحدة وتنسق عليها حسب حجمها

/* XS - الهواتف */
@media only screen and (max-width:479px){
/* ضع كود css هنا */
}
/* SM - الأجهزة اللوحية */
@media only screen and (max-width:768px){
/* ضع كود css هنا */
}
/* MD - الحواسيب */
@media only screen and (min-width:768px){
/* ضع كود css هنا */
}
/* LARGE - الحواسيب */
@media only screen and (min-width:992px){
/* ضع كود css هنا */
}
/* شاشة كبيرة */
@media only screen and (min-width:1200px){
/* ضع كود css هنا */
 }

ملاحظة: أما بنسبة للصور فقط إجعل الطول والعرض  100% لكي يصبح متجاوبة  

إلى اللقاء في موضوع جديد ♥

بسممن المأكد إن كنت صاحب موقع أن العديد من متابعي موقعك يتصفحون و يقرأنو مقالاتك عبر هوافتفهم أو التابليت , فلو لم تجعل قالبك غير متجاوب (responsive) فأنت بدون أن تشعر منعت زوار موقعك و متابعيه من قرائة تدويناتك و لم تجعلهم يجدون راحتهم في موقعك , لذلك نستنجد بالـقوالب المتجاوبة من أجل جعل القارئ يجد راحته و يحب موقعك !

لذلك عليك أن تسرع في جعل موقعك متجاوب responsive لإظهار إحترافية موقعك و كسب قرّائك ..