مع تطور التكنولوجيا وخاصة التطور الذي حدث على الشبكة العنكبوتية التي تحوي الملايين من المواقع والذي يتميز كل بتصميمه ومن الناحية الأخرى فان مجال الهاتف النقال توسع وغمر عالم النت بما يسمى بالنت المحمول لذا وجدت المواقع صعوبة في نقل المحتوي للهاتف النقال في حلة جميلة ومريحة للمتصفح الذي يسعى لقراءة المعلومة دون ان تواجهه مشاكل. نعم لقد كان الالمستخدم يواجه مشكلة عويصة حيث كان علية تحريك الموقع في مختلف الاتجاهات للقراءة، ومن هنا ظهر تطور جديد لعالم التصميم انه التصميم المتجاوب الصديق للأجهزة الذكية، حيث ظهر بسبب التطور الكبير الذي اجتاح الهاتف النقال مما دفع المطوريين ببدأ رحلة جديدة تسمى التصميم المتجاوب في أوائل التجربة واجه المطورين مشاكل عديدة كان حلها السبيل لتصفح مريح ، وكان همهم أن يبنو شفرة وحيدة يستطيعون من خلالها التحكم بالقالب المستعمل على الموقع بتغيير شكلة من الاساس دون أي يقوم باستيراد أكواد من سيرفرات خارجية التي تتسبب في ثقل الموقع ، وكان اول اقتراح للمطورين هو : كيف نجعل خلفية الموقع على جهاز الكمبيوتر حمراء، بينما تتغير الخلفية على التابلت لتكون خظراء ؟ ، نعم قد ترى ان الأمر هو كتابة كودين وتظهر النتيجة لكن ليس بهذه السهولة بل كان على المطورين ابتكار وزيادة شفرة او كود يعتبر كلمة السر للتنقل بين الأجهزة الذكية ومنه الحصول على التصميم المتجاوب(
responsive website) الذي يطمح له صاحب الموقع من اجل كسب زوار أوفياء لموقعه وقراءة ما يكتبه، لقد كان الأمر الذي حدث هو أن تم ربط الأجهزة الذكية بكلمة ميديا وتحديد الأبعاد المتعارف عليها لتحديد العرض لكل نوع من الأجهزة وكانت نتيجة الفحص الأولي كالتالي:
- أجهزة الكمبيوتر تكون ابعادها أكبر من 800px وأصغر عرض للشاشة 800px
- اجهزة التابلت: تم الاتفاق على أن أصغر تابلت كانت ابعادها 480px لتصل الي 800px
- أما أجهزة المحمول والهاتف النقال فكانت لا تتعدى عرض 480px
هذه الأبعاد مكنت المطورين من خلق اضافة برمجية لتحديد الابعاد وشكل الموقع لكل نوع من الأجهزة وكانت كلمة السر التي استعملها المطورون للتصميم المتجاوب هي
media all and@
بواسطة هذا الكود الذي تم كتابته بالشكل التالي:
اجهزة الكميوتر
@media all and (min-width:800px) {}
اجهزة التابلت
@ media all and (min-width:481px) and (max-width:800px) {}
اجهزة المحمول
@media all and (max-width:480px) {}
ومن هنا تم كتابة الأحرف الجديدة للتطور في عالم التكنولوجيا من خلال استمتاع المستخدم بتصفح المواقع براحة تامة
أتمنى أن الموضوع أعجبكم لا تنسوا دعما بتعليقاتكم
ليست هناك تعليقات:
إرسال تعليق
تعليقكم تشحيع لنا