مدونة تقنية تعرض مواضيع متخصصة في تطوير مواقع الويب، التصميم والتدوين مع إستعراض لروابط مفيدة للمطورين والمصممين مختارة من تويتر.
هذه تلميحات أخرى ضمن سلسلة تصميم الويب للهاتف النقال التي كتبتها سابقاً نظراً لأهمية وجود نسخة التواتف النقالة مع إزدياد مستخدمي الإنترنت عن طريقها.
في هذا الموضوع سأتحدث عن إنشاء نسخة واحدة لتصميم موقع متوافق مع متصفحات أجهزة الحاسوب والهواتف النقالة وذلك أسهل وأقصر طريقة لعمل نسخة الهاتف من النسخة الموقع الأصلية دون الحاجة لعمل نسخة جديدة، والأداة التي سأستخدمها لموضوع ودرس اليوم هي إستعلامات Media Queries التي كتبت عنها سابقاً.
هذه بعض التلميحات ضمن سلسلة تصميم الويب للهاتف النقال التي أعددتها سابقاً، تحدثت في الجزء الثاني من التلميحات عن عن بعض الأدوات مثل jQuery Mobile إضافةً إلى بعض لقطات الفيديو خاصة بدروس لكيفية إستخدام أدوات مثل PhoneGap وjQTouch في إنشاء تطبيقات بإستخدام HTML و CSS ومحاضرة نظرية لها علاقة بموضوع السلسلة.
في هذا الموضوع سأتحدث عن محاكيات الهواتف النقالة Simulators التي تأتي مع أدوات التطوير SDK، الأنظمة التابعة للهواتف النقالة التي سأتحدث عنها هي نظام iOS الخاص بالآيفون و نظام Android بالخاص بهواتف مثل نكسس ون وجالاكسي وهواتف أخرى، ونظام webOS الخاص بهاتف بالم.
انتهيت سابقاً من سلسلة تصميم الويب للهاتف النقال مع خامس موضوع في السلسلة الذي عرضت فيه عدة مصادر من روابط استفدت منها في عمل السلسلة وفيها تفاصيل أخرى حول موضوع السلسلة كذلك.
أردت عبر هذا الموضوع كتابة تلميحات بسيطة حول تصميم الويب للهاتف النقال وهي أشبه بالملاحظات وبعض الأخبار حول السلسلة وموضوعها وقد تكون هناك تلميحات أخرى إن وجدت شيء يستحق النشر حول تصميم الويب للهاتف النقال.
بعد أن انتهينا من المواضيع السابقة ضمن سلسلة تصميم الويب للهاتف النقال، ندخل في الموضوع الأخير وهو موضوع مصدري بسيط مثل الموضوع الذي سبقه وكان حول الأدوات المساعدة للمطور في تصميم الويب للهاتف النقال.
في هذا الموضوع أعرض مصادر المواضيع التي كتبتها والتي أفادتني واستعرضت منها بعض النقاط التي ذكرتها منذ بداية السلسلة، أتمنى أن يستفيد منها المتابعين.
في الموضوع السابق عرضت درس عملي في كيفية عمل نسخة أو تصميم لموقع ويب متوافق مع الهاتف مع بعض الاعتبارات التي تساعدك على توفير نسخة جيدة للهاتف النقال.
هذا الموضوع سيكون موضوع مصدري كما سأعرض خلال هذا الموضوع عدة أدوات مهمة تساعدك في عملية تصميم الموقع لمستخدمي الهاتف النقال من عدة أوجه فيمكن أن تختصر عليك المزيد من الوقت التي تقضيه في التصميم بطريقة يدويه.
بعد أن إنتهينا من أساسيات تصميم الويب للهاتف النقال لابد أن يكون هناك مثال عملي على ما ذكرته في بداية السلسلة. يمكن إيجاد الكثير من التصاميم الجاهزة لتحل محل نسخة الهاتف النقال لأي موقع ويب أو مدونة مثل التصاميم البسيطة التي تأتي مع إضافات الووردبريس المتخصصة في توفير نسخة الهاتف للمدونات، وهي تفيد المدونين بدلاً من البحث عن تصميم جديد لمتصفحي المدونة من الهاتف النقال.
ولكن هذا لا يمنع من عمل نسخة من البداية خاصة إن كنت تريد ترتيب ظهور عناصر محتويات الموقع وتحديد نوعية المحتويات التي تريدها أن تظهر في البداية عند تصفح المستخدم. في هذا الدرس سوف أوضح تصميم صفحات ملائمة لمستخدمي الهاتف النقال أو نسخة موقع لمستخدمي الهاتف النقال.
في الموضوع السابق تحدثت عن تصميم الويب للهاتف النقال كمقدمة وبشكل عام مع بعض الأمثلة على تصفح مواقع الويب من المتصفحات الموجودة في الهواتف.
في هذا الموضوع سوف أتحدث أكثر عن الأساسيات التي تساعد على عمل تصميم صفحة الويب المثالية لمستخدمي الهاتف النقال، ومنها مبادئ تصميم صفحات الويب للهاتف النقال، إضافةً إلى متصفحات الويب الموجودة في الهواتف. كذلك القياسات المستخدمة في عرض شاشات الهواتف النقالة.
أصبح من الضروري التعامل مع فئة متصفحي مواقع الويب من الهاتف النقال خاصةً مع زيادة المستمرة لهذه الفئة. تصميم الويب للهاتف النقال وهو عنوان الموضوع والمواضيع القادمة يشير إلى مفهوم Mobile Web Design. نجد العديد من المواقع توفر نسخة للتصفح تساعد على إيجاد تصفح متلائم للمستخدمين مناسب مع هواتفهم النقالة التي تعاني من صغر حجم الشاشة وقد تعاني من كمية نقل البيانات المحدود.
سيكون هذا الموضوع بداية سلسلة من المواضيع حول بعض تفاصيل كيفية تصميم صفحات الويب متوافقة لمستخدمي الهاتف النقال. وكما أشرت سابقاً جميع روابط المواضيع ستجدونها في أول موضوع لسلسلة تصميم الويب للهاتف النقال.
أصبح كثير من المواقع الشهيرة توفر لمستخدميها من الهواتف الذكية نسخة مستقلة للتصميم عن النسخة الأساسية التي يتم الدخول إليها عن طريق متصفحات الويب في سطح المكتب، ومع ازدياد أعداد متصفحي الإنترنت من الهواتف النقالة سيكون من الضروري توفير نسخة للتصفح لمستخدمي الهاتف مع توفر إمكانيات الهواتف نفسها.
إبحث في التدوينات: