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

ولإنشاء موقع متجاوب مع جميع الشاشات غالباً ما يستخدم المطورون خاصية media query التي يوفرها سي اس اس لجعل التصميم متجاوب مع حجم شاشة الجهاز التي يتصفح الزائر منه موقعه .

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

يميل البعض إلى استخدام البوتستراب لأنه يقلل من الجهد المطلوب لـ تصميم موقع متجاوب، ويستخدم الكلاسات الموجودة فيه ونظام الجريد سيستم وباقي الخيارات الأخرى لجعل الموقع متجاوب لكن ماذا لو :

كان بإمكانك إنشاء تصميم مواقع متجاوبة بدون كتابة أي كود !

في الحقيقة يوفر موقع webflow.com طريقة حديثة وعصرية وسكربت يسهل عملية تصميم المواقع المتجاوبة على المطورين بشكل كبير وسهل وجذاب .

يحتوي الموقع على مجموعة من الأدوات الجاهزة توفر العناء والوقت وتمكنك من تجهيز تصميمك الأولي والعناصر الأساسية فيه وجعلها متوافقة مع جميع الأجهزة ومن ثم يعطيك الكود جاهزاً لاستخدامه في موقعك .

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

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

صورة توضيحية لمساحة العمل الخاصة بالسكربت :

 

تصميم موقع متجاوب
تصميم موقع متجاوب

 

 

هل أعجبتك الفكرة ولكنك لم تعرف كيفية استخدام السكربت ؟

بكل بساطة يوفر الموقع مجموعة من الفيديوهات للمبتدئين تسهل عملية تصميم الموقع المتجاوب من خلاله ويوفر شرحاً كاملاً لجميع خصائص ومزايا السكربت المتوفرة فيه .

 

لماذا يجب علي أن أقوم بـ تصميم موقع متجاوب ؟

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

كما إن جميع محركات البحث وعلى رأسها جوجل تعطي أهمية وأولوية في نتائج البحث للمواقع التي تستخدم تصاميم متجاوبة ؟

إذن لم يبق لك حجة بعد الآن للهرب من تصميم موقع متجاوب :3

يمكنك أيضاً قراءة كيف تصميم موقع ناجح