بعد أن انتهينا من المواضيع السابقة ضمن سلسلة تصميم الويب للهاتف النقال، ندخل في الموضوع الأخير وهو موضوع مصدري بسيط مثل الموضوع الذي سبقه وكان حول الأدوات المساعدة للمطور في تصميم الويب للهاتف النقال.
في هذا الموضوع أعرض مصادر المواضيع التي كتبتها والتي أفادتني واستعرضت منها بعض النقاط التي ذكرتها منذ بداية السلسلة، أتمنى أن يستفيد منها المتابعين.
في الموضوع السابق عرضت درس عملي في كيفية عمل نسخة أو تصميم لموقع ويب متوافق مع الهاتف مع بعض الاعتبارات التي تساعدك على توفير نسخة جيدة للهاتف النقال.
هذا الموضوع سيكون موضوع مصدري كما سأعرض خلال هذا الموضوع عدة أدوات مهمة تساعدك في عملية تصميم الموقع لمستخدمي الهاتف النقال من عدة أوجه فيمكن أن تختصر عليك المزيد من الوقت التي تقضيه في التصميم بطريقة يدويه.
بعد أن إنتهينا من أساسيات تصميم الويب للهاتف النقال لابد أن يكون هناك مثال عملي على ما ذكرته في بداية السلسلة. يمكن إيجاد الكثير من التصاميم الجاهزة لتحل محل نسخة الهاتف النقال لأي موقع ويب أو مدونة مثل التصاميم البسيطة التي تأتي مع إضافات الووردبريس المتخصصة في توفير نسخة الهاتف للمدونات، وهي تفيد المدونين بدلاً من البحث عن تصميم جديد لمتصفحي المدونة من الهاتف النقال.
ولكن هذا لا يمنع من عمل نسخة من البداية خاصة إن كنت تريد ترتيب ظهور عناصر محتويات الموقع وتحديد نوعية المحتويات التي تريدها أن تظهر في البداية عند تصفح المستخدم. في هذا الدرس سوف أوضح تصميم صفحات ملائمة لمستخدمي الهاتف النقال أو نسخة موقع لمستخدمي الهاتف النقال.
هذا الدرس ضمن سلسلة تطبيقات على CSS3، إستعرضت في الدرس السابق طريقة تحديد خط معين في CSS3، درس اليوم يتحدث عن ميزة عمل التدرجات في CSS3 والتي ستكون بديل لإستخدام الصور كتدرجات لعرض بعض العناصر.
كما أن في هذا الدرس سوف تتعرف على الخاصية التي تقوم بعمل التدرجات في CSS وتكتب الخاصية بأكثر من طريقة بسبب دعم المتصفحات لها مثل تطبيق خاصية التدرجات في متصفح Firefox الذي يستخدم محرك Gecko وفي متصفح Safari الذي يستخدم محرك Webkit. علماً بأن خاصية التدرجات Gradient تكتب في كقيمة في خاصية background-image، ومدعومة في المتصفحات التي تستخدم محرك Webkit و Gecko.
في الموضوع السابق تحدثت عن تصميم الويب للهاتف النقال كمقدمة وبشكل عام مع بعض الأمثلة على تصفح مواقع الويب من المتصفحات الموجودة في الهواتف.
في هذا الموضوع سوف أتحدث أكثر عن الأساسيات التي تساعد على عمل تصميم صفحة الويب المثالية لمستخدمي الهاتف النقال، ومنها مبادئ تصميم صفحات الويب للهاتف النقال، إضافةً إلى متصفحات الويب الموجودة في الهواتف. كذلك القياسات المستخدمة في عرض شاشات الهواتف النقالة.
أصبح من الضروري التعامل مع فئة متصفحي مواقع الويب من الهاتف النقال خاصةً مع زيادة المستمرة لهذه الفئة. تصميم الويب للهاتف النقال وهو عنوان الموضوع والمواضيع القادمة يشير إلى مفهوم Mobile Web Design. نجد العديد من المواقع توفر نسخة للتصفح تساعد على إيجاد تصفح متلائم للمستخدمين مناسب مع هواتفهم النقالة التي تعاني من صغر حجم الشاشة وقد تعاني من كمية نقل البيانات المحدود.
سيكون هذا الموضوع بداية سلسلة من المواضيع حول بعض تفاصيل كيفية تصميم صفحات الويب متوافقة لمستخدمي الهاتف النقال. وكما أشرت سابقاً جميع روابط المواضيع ستجدونها في أول موضوع لسلسلة تصميم الويب للهاتف النقال.
أصبح كثير من المواقع الشهيرة توفر لمستخدميها من الهواتف الذكية نسخة مستقلة للتصميم عن النسخة الأساسية التي يتم الدخول إليها عن طريق متصفحات الويب في سطح المكتب، ومع ازدياد أعداد متصفحي الإنترنت من الهواتف النقالة سيكون من الضروري توفير نسخة للتصفح لمستخدمي الهاتف مع توفر إمكانيات الهواتف نفسها.
تبلغ واجهة إستخدام مواقع الويب أهمية كبيرة للفائدة التي تعود على المستخدم في إستعمال سهل له، ووصول سهل للمحتوى كذلك. تصميم واجهة الإستخدام أو واجهة المستخدم ليست مجرد تنسيق لعناصر الواجهة بل هناك أشياء يجب أن نضعها في الإعتبار من حل تقدمه هذه الواجهة للمشكلة التي يعاني منها المستخدم.
في هذه التدوينة سأتطرق إلى تصميم واجهة إستخدام موقع الويب، هذا الموضوع الثاني أيضاً الذي أتحدث فيها عن واجهة الإستخدام فسبق أن تحدثت عن واجهة الإستخدام وبشكل عام، يمكن أن يكون هذا الموضوع مبسط أكثر ومكمل عليه كذلك.
تم إصدار نسخة جديدة من إضافة ePermissions الخاصة بالتحكم بإمكانيات المحررين في مدونات الووردبريس، كما سبق أن أضفت موضوعاً حول النسخة الأولى من إضافة ePermissions قبل شهرين تقريباً وبعد ذلك الإصدار أجريت تعديلات بحذف وتقليص بعص الأشياء في النسخة 1.1 ولكن لازالت في ذلك الوقت تتمتع الإضافة بخمس مميزات رئيسية عن التدوينات،الروابط،التعليقات،الملفات والصفحات.
أتحدث في هذا الموضوع بشكل سريع عن آخر نسخة محدثة لإضافة ePermissions والتي تحتوي على مميزات جديدة من ناحية الإمكانيات Capabilities التي إستخدمتها كمميزات لأي تصريح يتم إضافته وتفعيله على المحرر في المدونة.
هذا الدرس ضمن سلسلة تطبيقات على CSS3، إستعرضت في المرة السابقة طريقة عرض تعدد للخلفيات في CSS3، درس اليوم يتحدث عن ميزة إختيار الخط الخاص من قبل المصمم والتي تطرقت لها في موضوع مصادر حول تقنية CSS3. يمكن مشاهدة تفاصيلها كاملة عبر أحد صفحات منظمة W3C كذلك.
إختيار خط خاص بالصفحة المنسقة موجودة من قبل ولكن مفعلة أكثر في CSS3. هذه الميزة لحل إشكاليات تناسب الخط من طرف المصمم وصاحب الموقع والأهم تناسب مستخدم الموقع. يمكن إختيار خطوط أخرى مناسبة للمصمم ومستخدم الموقع التي لاتوجد في جهاز المستخدم والذي تعود على الخطوط المعروفة مثل خط Arial و Tahoma وsans-serif وغيرها موجودة في جهازه أساساً. هذه الميزة مدعومة في محرك Webkit ومحرك Mozilla/Gecho ومحرك Presto.
هذا الجزء الثاني من مصادر لتطوير أدوات الووردبريس، إكتفيت في الجزء الأول من مصادر تطوير أدوات الووردبريس توضيح فكرة التحكم في أجزاء بنية الووردبريس أو بالأحرى إضافة الدوال الخاصة بك والتي تحتوي على عملية تغيير سواء بالإجراءات أو المرشحات إلى بنية الووردبريس لتغيير شيء فيها حسب فكرتك أو غرضك الذي تريده.
إضافةً إلى ذلك وضعت مصادر خاصة بالقوالب الووردبريس وتفاصيلها. في هذه الجزئية سأكمل ما كتبته مصادر حول تطوير أدوات الووردبريس وإستخدام الووردبريس بأكثر من طريقة.
أصبحت منصة الووردبريس الشهيرة أفضل التطبيقات التي تستخدم في إنشاء المدونات وتستخدم كنظام إدارة محتوى في العديد من المواقع التي تختلف مجالاتها، تستطيع رؤية المواقع التي تستخدم الووردبريس وستجد منها مواقع ذو سمعة واسعة تستخدم هذا البرنامج الرائع.
في هذه التدوينة أعرض عدة مصادر تفيدك في التعامل مع الووردبريس بشكل مفصل خاصة إنشاء وتطوير أدوات الووردبريس المتوفرة لمستخدميه وهي القوالب التي تمثل واجهة المدونة والإضافات التي تستخدم في توفير مميزات وإختيارات عدة لبنية الووردبريس.
