روابط إخترتها لكم من التغريدات التي نشرتها عبر حسابي في تويتر إما مباشرة مني أو عبر إعادة تغريدة أحد الذين أتابعهم.
مختارات من تويتر #12
خدمة نظف CSS
قالب ووردبريس: myPage
أقدم لكم قالب myPage خاص للوردبريس الذي يحوي بعض المميزات التي تناسب المدونات الجماعية والمتخصصة أكثر من المدونات الشخصية. سأعرض في هذا الموضوع مميزات قالب myPage مع بعض الصور والملاحظات، كما أن فكرة القالب أتت من طرق تصميم المدونات المتخصصة والجماعية ومجلات إلكترونية التي تستخدم الووردبريس كنظام إدارة محتوى.
تصميم الويب للهاتف النقال: مصادر
بعد أن انتهينا من المواضيع السابقة ضمن سلسلة تصميم الويب للهاتف النقال، ندخل في الموضوع الأخير وهو موضوع مصدري بسيط مثل الموضوع الذي سبقه وكان حول الأدوات المساعدة للمطور في تصميم الويب للهاتف النقال.
في هذا الموضوع أعرض مصادر المواضيع التي كتبتها والتي أفادتني واستعرضت منها بعض النقاط التي ذكرتها منذ بداية السلسلة، أتمنى أن يستفيد منها المتابعين.
تصميم الويب للهاتف النقال: أدوات تساعدك
في الموضوع السابق عرضت درس عملي في كيفية عمل نسخة أو تصميم لموقع ويب متوافق مع الهاتف مع بعض الاعتبارات التي تساعدك على توفير نسخة جيدة للهاتف النقال.
هذا الموضوع سيكون موضوع مصدري كما سأعرض خلال هذا الموضوع عدة أدوات مهمة تساعدك في عملية تصميم الموقع لمستخدمي الهاتف النقال من عدة أوجه فيمكن أن تختصر عليك المزيد من الوقت التي تقضيه في التصميم بطريقة يدويه.
تصميم الويب للهاتف النقال: مثال عملي
بعد أن إنتهينا من أساسيات تصميم الويب للهاتف النقال لابد أن يكون هناك مثال عملي على ما ذكرته في بداية السلسلة. يمكن إيجاد الكثير من التصاميم الجاهزة لتحل محل نسخة الهاتف النقال لأي موقع ويب أو مدونة مثل التصاميم البسيطة التي تأتي مع إضافات الووردبريس المتخصصة في توفير نسخة الهاتف للمدونات، وهي تفيد المدونين بدلاً من البحث عن تصميم جديد لمتصفحي المدونة من الهاتف النقال.
ولكن هذا لا يمنع من عمل نسخة من البداية خاصة إن كنت تريد ترتيب ظهور عناصر محتويات الموقع وتحديد نوعية المحتويات التي تريدها أن تظهر في البداية عند تصفح المستخدم. في هذا الدرس سوف أوضح تصميم صفحات ملائمة لمستخدمي الهاتف النقال أو نسخة موقع لمستخدمي الهاتف النقال.
تطبيقات على CSS3: التدرجات
هذا الدرس ضمن سلسلة تطبيقات على CSS3، إستعرضت في الدرس السابق طريقة تحديد خط معين في CSS3، درس اليوم يتحدث عن ميزة عمل التدرجات في CSS3 والتي ستكون بديل لإستخدام الصور كتدرجات لعرض بعض العناصر.
كما أن في هذا الدرس سوف تتعرف على الخاصية التي تقوم بعمل التدرجات في CSS وتكتب الخاصية بأكثر من طريقة بسبب دعم المتصفحات لها مثل تطبيق خاصية التدرجات في متصفح Firefox الذي يستخدم محرك Gecko وفي متصفح Safari الذي يستخدم محرك Webkit. علماً بأن خاصية التدرجات Gradient تكتب في كقيمة في خاصية background-image، ومدعومة في المتصفحات التي تستخدم محرك Webkit و Gecko.
تصميم الويب للهاتف النقال: أساسيات
في الموضوع السابق تحدثت عن تصميم الويب للهاتف النقال كمقدمة وبشكل عام مع بعض الأمثلة على تصفح مواقع الويب من المتصفحات الموجودة في الهواتف.
في هذا الموضوع سوف أتحدث أكثر عن الأساسيات التي تساعد على عمل تصميم صفحة الويب المثالية لمستخدمي الهاتف النقال، ومنها مبادئ تصميم صفحات الويب للهاتف النقال، إضافةً إلى متصفحات الويب الموجودة في الهواتف. كذلك القياسات المستخدمة في عرض شاشات الهواتف النقالة.
تصميم الويب للهاتف النقال: مقدمة
أصبح من الضروري التعامل مع فئة متصفحي مواقع الويب من الهاتف النقال خاصةً مع زيادة المستمرة لهذه الفئة. تصميم الويب للهاتف النقال وهو عنوان الموضوع والمواضيع القادمة يشير إلى مفهوم Mobile Web Design. نجد العديد من المواقع توفر نسخة للتصفح تساعد على إيجاد تصفح متلائم للمستخدمين مناسب مع هواتفهم النقالة التي تعاني من صغر حجم الشاشة وقد تعاني من كمية نقل البيانات المحدود.
سيكون هذا الموضوع بداية سلسلة من المواضيع حول بعض تفاصيل كيفية تصميم صفحات الويب متوافقة لمستخدمي الهاتف النقال. وكما أشرت سابقاً جميع روابط المواضيع ستجدونها في أول موضوع لسلسلة تصميم الويب للهاتف النقال.
مختارات من تويتر #11
روابط إخترتها لكم من التغريدات التي نشرتها عبر حسابي في تويتر إما مباشرة مني أو عبر إعادة تغريدة أحد الذين أتابعهم.
موقع SetCode
تصميم الويب للهاتف النقال
![]()
أصبح كثير من المواقع الشهيرة توفر لمستخدميها من الهواتف الذكية نسخة مستقلة للتصميم عن النسخة الأساسية التي يتم الدخول إليها عن طريق متصفحات الويب في سطح المكتب، ومع ازدياد أعداد متصفحي الإنترنت من الهواتف النقالة سيكون من الضروري توفير نسخة للتصفح لمستخدمي الهاتف مع توفر إمكانيات الهواتف نفسها.
مختارات من تويتر #10
روابط إخترتها لكم من التغريدات التي نشرتها عبر حسابي في تويتر إما مباشرة مني أو عبر إعادة تغريدة أحد الذين أتابعهم.
شاهد النظام الشمسي باستخدام HTML و CSS3
متفرقات حول المدونة #7
هذه التدوينة ضمن المتفرقات التي تتحدث عن المدونة والتحديثات التي إضيفت إليها وللتواصل مع القراء بما مر على المدونة خلال فترة معينة بين مواضيع المتفرقات التي أكتبها في المدونة.
لم أكتب أي موضوع منذ ثلاثة أسابيع بالرغم من أن لدي عناوين لمواضيع أعددتها للكتابة في وقت لاحق، جائتني عدة أفكار لمواضيع سترونها قريباً في المدونة كما أني أعمل على إضافة وإلغاء بعض الأشياء في المدونة المتعلقة بشكل المدونة ومواضيعها كذلك.




