السلام عليكم أحبابي في الله
بعد أيام طويلة من الغياب، بسبب الدراسة و العمل على القالب الجديد، لم أجد الوقت لوضع دروس (فيديوهات) جديدة، لكن الحمد لله بعد هذه الفترة سوف أقوم بوضع دورة جديدة حول التصميم المتجاوب [ web design responsive ] أو جعل قالب بلوجر متوافق. فما هو التصميم أو القوالب المتجاوبة ؟؟ في هذا الدرس الاول من الدورة الذي يعتبر كمقدمة الدورة، كلنا نعرف عن الثورة التي عرفها المجال التكنولوجي في أواخر الثلاث سنوات الاخيرة و خصوصا الهواتف الذكية، بحيث أن الهواتف الذكية أصبحت أكثر من الحواسيب إن لم أقل تستبدلها، المهم... تقريبا الكل يتوفر على هاتف ذكي في زمننا هذا، كل هذه الهواتف توفر لك الوقت بحيث سهل الاستخدام بدلا من الحاسوب، سواء التنقل به، المستخدمين لهذه الهواتف و كذالك التابلت، يتصفحون بها الفيسبوك، تويتر، والمواقع ، نعم المواقع، أنت كصاحب موقع أو مدونة عليك بالتفكير لهذه المسألة فطبعا عليك أن تجعل تصميم الموقع متجاوب حتى يتوافق مع هذه الاجهزة و حجم الشاشة، ذالك يجعل زائر موقعك يرتاح فيه، و يجعل الموقع منظم، مثال للتصميم المتجاوب عبر هذه الصورة لكي تفهم أكثر ماذا نعني بالتصميم المتجاوب:
أو كذالك لكي تفهم قصدي فعندما ننتقل من الحاسوب الى الهاتف، كيف يظهر شكل ، الموقع على الهواتف بدون اية أخطاء، أقترح عليك الصورة التالية :
لجعل الموقع متوافق مع جميع الاجهزة و خصوصا الهوتف، سنستعين بأكواد الــ@ media في الساتيل. ثم عليك أيضا إضافة كود اخر سوف نراه في الدرس 2 من الدورة إن شاء الله، أتمنى ان الدرس قد أفادك و لاتنسى مشاركته مع أصدقائك، لاتنسى وضع تعليق سلبي أو إجابي (نقبل الكل)، كما يمكنك متابعتنا على الفيسبوك، تويتر، أو الاشتراك بقناتنا على اليوتوب، مع تحياتي لكم.
-------------------------------------
جميع الدورات تجدها هنا
