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