سابدا في هذا المقال تفسير مفهوم responsive design و في مواظيع اخرى انشاء الله نزيد التعمق اكثر .
اذن تصميمات الويب المتجاوبة كما اطلق عليها هذا الاسم بعظ الاخوة العرب ، يعني بالاحرى the reponsive disgne or smart designe
انتشرت لسبب واحد ، وهي الحاجة المتنامية لمثل هذا النوع من تصميمات المواقع . حيث هذه الايام لم نعد نجد حريف يطلب موقع ويب دون ان يطالب بنسخته على الهتف الذكي او المحمول و التابليت و الواب تيفي .
فبين سنة 2005 و 2008 فقط اكتشف وجود 400 قياسات شاشة جديدة للحواسيب و ادوات التصفح الجديدة . و بالطبع من المنطقي لن نقوم بتحظير جميع هذه القياسات للموقع ، لذلك الحل يطرح نفسه بالنسبة لهذا المشكل وهو the reponsive disgne.
تعريف التصميمات المتجاوبة
التقنية الجديدة سهل وهي ، نفس الموقع يجب ان يتجاوب مع كل قياسات الشاسة للحاسوب منها او المحمول..
كما تبين المرافقة
[ALT="شرح معنى responsive web design"]http://johnpolacek.github.io/scrolldeck.js/decks/responsive/img/responsive_web_design.png[/ALT]
اذن محتويات الموقع لن تصبح ثابتة بل ستتحول من مواقعها لتاخذ الحجم المحدد لها ، كما ياخذ الماء مساحة اي وعاء.
الصور ستتغير احجامها , العناوين القوائم كل المحتويات ستتناسب مع الشاشة لتصبح عملية الابحار على الموقع مريحة و سهلة .
الحل التقني الذي ذهب اليه مطورو الويب ، هو عمل شبكة ، مثلا اذا كان على شاسة المحمول يستعمل 12 وحدة ، اما على التابليت يسعمل 9 و الهاتف 3 كمثال .
[ALT="reponsive grid"]http://www.agencyofrecord.com/library/resources338/images/articles/responsive_web_design_grids.jpg[/ALT]
شكرا لمتابعتكم هذا المقال الاول لي في هذا المنتدى الرائع ، انشاء الله المقال القادم سيكون حول بعض CSS framewok التي يمكن استعمالها لتفعيل التصبيب المتجاوب في موقعك. شكرا للمتابعة