مدونة الدرازي بحلة يديدة

ياهلا.

الحمد لله وبعونه انتهيت من تصميم مدونتي اليديد وهو الان الرسمي والافتراضي في المدونة . التصميم يحمل الوان الصيف (الربيع) الفاتحه ومتمدد كما هو واضح في المتصفح , اعتمدت على عرض 1007 بكسل بعدما استغنيت عن القياس الافتراضي السابق وهو 770 بكسل لأني وجدت نسبة استخدام دقة الشاشة 600*800 تقدر بـ1% فقط على مستوى العالم ككل . التصميم يتمدد في الهيدر والفوتر على كل عرض الشاشة ولكن المحتوى ثابت في الوسط بقياس 1007 بكسل , القالب سميته بـ iKa وهي كلمة يابانية وبهذا يكون هو القالب السادس في سلسلة قوالب مدونتي منذ انشائها

يكثر اللون الازرق والاصفر في التصميم حيث ان الهيدر يتكون من الازرق بنسبة كبيره بما فيها اسم المدونة والاصفر (الشمس) وحسب ماقال استاذي الكابتن انور الشمري فأنه يغلب عليه طابع الحواف الناعمة الـBlur وهو جديد على نمط تصاميمي السابقة :) . اعتمدت نفس طريقة القالب القديم في اسم المدونة باللغة الانجليزية كما اضفت اسم المدونة باللغة العربية فوق اسم المدونة بالانجليزي .

 

توجد بالونه حوار بجنب الشعار وهي متغيره مع كل تحديث لصفحات المدونة ويوجد بداخلها ايقونه معبره . وايضا سوف اقوم بأضافة الاقباس النصي لمقولاتي التي ارددها ادئما كما كانت في القالب السابق ولكن الى الان لم اجد لها مكان مناسب لوضعها . كما سوف اضيف مكان لأخر تحديثاتي في تويتر , في الحقيقة قمت بأكثر من محاولة لوضع اخر تحديثاتي في تويتر ولكن لم تنال على اعجابي .

قمت بعمل هذا القالب بواجهة كتابية كبيره فأستخدمت الخط “تاهوما” بحجم 13 بكسل في المحتوى بمقابل حجم 11 بكسل في القالب السابق وايضا خطوط العناوين اصبحت اكبر من قبل بشكل ملحوظ , تاريخ التدوينة اصبح يحمل السنة ايضا بعدما كان في القالب السابق يحمل اليوم الشهر فقط , غيرت مكان معلومات التدوينة واعتقد ان مكانها جديد او غير معهود على مستوى تصاميم المدونات عربيا وعاليما فهو الان في مستطيل المحتوى على جهة اليسار ويحمل معلومات اكثر من القالب السابق . ايضا اضفت ايقونات مشاركة التدوينات في الشبكات الاجتماعية مثل تويتر والفيس بوك وديليشوز. واخيرا خيار الرد (اقتباس) على التعليقات التي سبقت تعليقك وهي موجوده في تعليقات كل المواضيع . هذا ما يخص المواضيع والمحتوى …

استخدمت تقنية ضغط الصور وملفات الـCSS وهي مفيده جدا فـ:

  • استخدمت تقنية PunyPNG حيث ان هذه الاداه ضغت لي حجم الصور المستخدمه في التصميم بنسبة 14%
  • ايضا استخدمت اداة ضغط ملف CSS حيث ضغطته لي من 28 كيلوبايت الى 19 كيلوبايت وهي متعدده في الانترنت ولكل اداه مميزات
  • استخدمت مكتبة الجافا سكربت جي كيوري في ايقونات المواقع الاجتماعية التي اعلى الشريط الجانبي (SideBar)

التصميم وانا اقوم بتكويده وتحويله الى قالب ووبريس كنت اختبره على المتصفحات الشهيره وايضا يوجد اضافة على المدونة تجعل المدونة متوافقة مع معظم الاجهزة الذكية الصغيره مثل الهواتف مشغلات الوسائط ومشغلات الالعاب وهو يعمل بكفائه كبيره حيث انه الان يعمل بكل كفاءة على :

  • انترنت اكسبلورر 7 و 8 (اسف لكل من يزور المدونة من الاصدار السادس لن اجهد نفسي لجعل مدونتي تعمل بكفائه على هذا المتصفح)
  • فايرفوكس 3.5 و 3.6 و 3.7 الفا
  • سفاري 4 وسفاري الاي فون
  • متصفح النوكيا
  • متصفح الـpsp

اشكر واخص بالشكر الجزيل لـاسامة عباس , عبدالله (الحديده) , اشرف السمهوري , انور الشمري

في النهاية , اذا وجدت اي خلل في التصميم فالرجاء اخباري بذلك مشكورا عبر صفحة المراسلة

2 thoughts on “مدونة الدرازي بحلة يديدة

أضف تعليق

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

يمكنك استخدام أكواد HTML والخصائص التالية: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>