ما هو التصميم التجاوبي ؟
التصميم التجاوبي ...
في عام 2010 قام Ethan Marcotte بكتابة مقالة في مجلة Alistapart يتحدث فيها عن تطور الويب وكيف يمكن عمل صفحة تجاوبية بإستخدام Media Queries في CSS . و كيف بدأ الويب بالتدريج ينحدر نحو التصميم التجاوبي، وأصبح لدى الجميع هواتف ذكية وأجهزة لوحية، لذلك أصبحت الحاجة إليه مهمة جداً لدرجة أننا اليوم في العام 2016 نشعر بالاستياء من الدخول و تصفح موقع غير تجاوبي .بناء وتصميم موقع مع الأخذ بعين الإعتبار أن يعمل على جميع الشاشات ويتشكل حسب حجمها، فمثلاً إذا تم فتح الموقع من الهاتف الذكي سيتشكل الموقع ويصبح تصميمه مثل حجم شاشة الهاتف، وكذلك أيضاً بالنسبة للأجهزة اللوحية.
و لكن للأسف نجد بعض المطورين لديهم فكرة انه لكي يقوم بعمل موقع تجاوبي لابد له من استخدام بيئة عمل او فريمورك على سبيل المثال البوتستراب Bootstrap و هو اطار عمل من تويتر يسهل عليك الجهد و العمل في تصميم المواقع .
فالأساس ان يبدأ المطور بفهم كيفية عمل هذا الاطار و من تم فهو حر في استعمل اطار عمل جاهز او ان يبدأ مشروعه من الصفر
استخدام أطر العمل ليس أمراً سيئاً
بكل تأكيد لا أقول أن أطر العمل الجاهزة هي أمر سيء، لكن الهدف هو توضيح أننا يمكن أن نعمل بدونها بكل بساطة. من المهم جدا أن يكون مطور الواجهات الأمامية Front End Developer ملم بفكرة التصميم التجاوبي وإمكانية بناءه ل Grid خاصة من دون الاعتماد على شيء جاهز، في بعض الأحيان هناك مشاريع تحتاح شيئاً خاصاً بدلاً من إستخدام إطار عمل وأخذ وقت إضافي لتعديله وجعله يتناسب مع المشروع الذي نعمل عليه.
نصائح غير مناسبة
قبل أن أبدأ بتعلم الويب نصحني أكثر من شخص بأن أستخدم Bootstrap لعمل مواقع تجاوبية، لماذا لا اتعلم كيف استخدم ال Media Queries في CSS واقوم بعمل موقع تجاوبي بخطوات بسيطة؟ الأمر ليس صعب وسوف يتم شرح أكثر من مثال لواجهات مواقع مختلفة وكيفية بناءها من دون أطر عمل جاهزة.كانت هذه المقالة المتعلقة بالتصميم التجاوبي والنظرة الخاطئة بأنه لا يمكن عمل موقع متجاوب إلا بإستخدام أطر عمل جاهزة. اتمنى ان تكون المقالة مفيدة :) لا تنسى أن تشاركها مع أصدقائك.
ليست هناك تعليقات:
إرسال تعليق