.رحلة ضَوْء (ر.ض.) مُدوِّنة تقنية, تهتم بالكمبيوتر, الإنترنت, التدوين, الهندسة, النصائح والتلميحات التقنية وتطوير الذات

الطور التجريبي الثالث: تقديم التصميم الجديد لرحلة ضَوْء RO 2.0

رمضان كريم , كل عام وأنتم بخير :-)

ROV2 التصميم الجديد لرحلة ضَوْء RO v2.0 هو نتيجة لمجموعة كبيرة من التعديلات على التصميم القديم. الكثير منها كانت نتيجة لملاحظات القرّاء في استبيات تطوير ر.ض., تنقسم الواجهة الجديدة إلى ثلاثة أعمدة: العمود الأول (من جهة اليمين) هو العمود الذي تظهر فيه المقالات, والثاني والثالث هما للتصفح … من المفترض أن تظهر المدوّنة الآن في انترنت إكسبلورر 6 بطريقة أفضل بكثير من السابق ومن المفترض أيضاً أن تدعم  Internet Explorer 8 Beta 2 كما آنها الآن متوافقة مع متصفح Opera 9.5 وتظهر بأفضل عرض على Firefox 3.

يدعم التصميم الجديد خدمة Gravatar ,فإذا كنت من المعلِّقين في رحلة ضَوْء, فستظهر صورتك الرمزية مع تعليقك. الصورة الرمزيه هذه قد تكون صورتك الشخصية أو أية صورة تختارها. يمكنك دائماً أن تحصل عليها بتسجيل حساب في موقع http://en.gravatar.com التابع لووردبريس. (أنصح بإضافة صورتك الرمزية; فهي تساعد في تصفح التعليقات والتمييز بين المعلقين والتعرف عليهم بسهولة).

ومن الميزات الأخرى في هذه النسخة:

  • ترتيب وعرض أفضل لخدمات القراء ولسياسة النشر بنهاية كل تدوينة.
  • عرض وصف تقصيلي (دايناميكي) لكل تصنيف في رحلة ضَوْء مما يساعد القارىء على فهم محتويات كل تصنيف قبل أن يبدأ بتصفح تدويناته ومقالاته. هذا مثال.
  • بالمجمل, من المفترض الآن أن تكون رحلة ضَوْء أسهل تصفحاً.
  • إظهار رسالة التعريف برحلة ضَوْء وبأهدافها في واجهة المدونة لكل صفحة بالإضافة إلى صورتي الشخصية لإضفاء طابع شخصي :-)
  • إظهار عناوين التدوينات بطريقة أفضل من السابق.
  • إضافة ميزة تصفح المقال التالي/السابق بعد كل تدوينة أو مقال.
  • إضافة ميزة “تجاوز التصفح”: تفيد في تجاوز القائمة العلوية والذهاب مباشرة إلى المحتوى. هذا مثال.
  • تقنياً, فإن رحلة ضَوْء الآن جاهزة لأن تكون مدوّنة متعددة الكتاب. (في مرحلة لاحقة, سيكون بإمكان المدونين المشاركة فيها كمدونين ضيوف).

وأخيراً, حاولت قدر المستطاع الاحتفاظ بمعالم النسخة القديمة كما حاولت أن أركّز كثيراً على اثراء تجربة القارىء في تصفح رحلة ضَوْء وجعلها أكثر يسراً ومرونةً كما حاولت الاستفادة من حجم الشاشة الكامل لعرض المدونة … أود أن أضيف أيضاً أن ثمة بعض التغيرات هنا وهناك والميزات الجديدة التي سأضيفها تباعاً. كذلك, قد تجد بعض الأخطاء التي أرجوك أن تبلغني عنها … رأيك, ملاحظاتك … كلها تهمني …

أرسل إلى صديق





أرسل إلى صديق - نسخة للطباعة
  • Digg
  • del.icio.us
  • Facebook
  • Google
  • Live
  • Reddit
  • Spurl
  • StumbleUpon
  • TwitThis

تدوينات ذات صلة:

22 تعليق على “الطور التجريبي الثالث: تقديم التصميم الجديد لرحلة ضَوْء RO 2.0”

  1. برريوووو قال: 1

    الآن رحلة ضوء تتميز بتصميم جميل جدا
    الى الأمام يا مهندس مهدي .


  2. عطاالله قال: 2

    السلام عليكم ورحمة الله م.مهدي
    تصميم احترافي جميل وسعدت لأنك تركت الألوان كما هي بشكل عام فهي مريحة للتصفح
    وبرأيي لو تعيد تلوين عنوان المدونة في أعلى الصفحة الى اليمين الى اللون الأزرق
    سلامي لك


  3. ياسر قال: 3

    ما شاء الله التعديلات مميزة

    لكن , أرى أن الجزء الخاص بمحتوى المواضيع (التدوينات) غير كاف .

    تحياتي,


  4. مدونة محمد قال: 4

    جميل!
    الروابط الزرقاء المنقطة بالأحمر غير موفقة في نظري، تظهر كأنها أخطاء كتابية في ملف وورد :) كما أن قرائتها غير مريحة للعين (روابط السابق و اللاحق).
    بالنسبة لتجاوز التصفح، الأفضل لو تستخدم خاصية جافاسكريبت Smooth Scroll لكانت النتيجة أفضل.
    و مبروك القالب الجديد :)


  5. مدونة محمد قال: 5

    لقد اختفت خاصية التعليق بالاجاكس؟


  6. zak قال: 6

    التصميم رائع ومريح
    لاكني أرى التصميم الأول أجمل :)


  7. بدر الشايع قال: 7

    تصميم راائع وجميل ..

    عندي ملاحظة بسيطة مهندس مهدي ألا وهي أن المساحة المخصصة للتدوينات( العمود الأيمن ) صغيرة مقارنة بالعمود الأوسط …


  8. Br4v3-H34r7 قال: 8

    ما شاء الله تصميم راقي يدل على ذوق رفيع.. التصميم السابق كان جميل أيضا لكن هذا أجمل, أتمنى لك التوفيق…


  9. برريوووو قال: 9

    كما ذكر الأخوة , نتمنى زيادة مساحة العمود الأيمن
    وتقليل مساحة العمود الأوسط والأخير .
    اضافة خاصية التعديل على التعليق ستكون مفيدة جداً .
    لو بالأمكان تخفيف اللون الأزرق في الأعلى يكون افضل للعين.
    دمت بود .


  10. م. مهدي قال: 10

    @ برريوووو: شُكراً لك :-)
    @ عطاالله: وعليك من السلام وشكراً لك :-)

    عنوان المدونة في النسخة السابقة كان بالأزرق, في هذه النسخة أردت تغييره إلى الأسود ليتوافق مع التخطيط الأسود العلوي, لا أدري لماذا أجد في العنوان الأسود شيئاً من القوة. على أية حال, أرجو أن لا تقلق; فسيكون لرحلة ضَوْء شعارها الخاص بها بدلاً من العنوان النصي …

    شكراً جزيلاً لملاحظتك …

    @ ياسر: شكراً يا ياسر :-)

    ملاحظتك وملاحظة بدر فكرت فيها كثيراً قبل التغيير, وأحد قراء رحلة ضَوْء كتب لي في الاستبيان أن أزيد من المساحة الخاصة بالتدوينات, هذا في النسخة السابقة من التصميم. في النسخة الثانية قللت من المساحة بنسبة 35% وكنت أعلم أنها ستلقى شيئاً من المعارضة من قراء رحلة ضَوْء. ولكن أقدمت على هذه الخطوة لأنني بحاجة إلى عمودين إضافيين للتركيز على تصفح المدونة وعلى الكم الكبير من التدوينات والمقالات السابقة, هذا فقط لكي لا تندثر. هذا من جهة, ومن جهة أخرى بحاجة إلى مساحة إضافية للإعلانات النصية التي قد أنشرها في رحلة ضَوْء. وهذه فكرة لا تزال قيد الدراسة.

    @مدونة محمد: شكراً يا مُحمد :-)

    ملاحظتك في مكانها … أزلت الخطوط المنقطة …
    وبخصوص “تجاوز التصفح” فإنني لا أفضل استخدام جافا سكريبت إلا إذا اضطررت - إجبارياً - إليها … ما استخدمته لتجاوز التصفح هي تقنية برمجية بسيطة للغاية ولا تؤثر على سرعة تصفح وعرض المدونة …

    وعن ميزة التعليق بتقنية أجاكس, شكراً لأنك ذكّرتني. لقد ألغيتها من المدونة للأسباب التالية:

    - تتعارض مع الكثير من إضافات ووردبريس المهمة جداً التي استخدمتها مؤخراً في رحلة ضَوْء. حاولت إصلاح التعارض ولكن بلا فائدة!

    - النسخة القديمة من التصميم أسرع - بقليل- في التحميل والتصفح من هذه الجديدة, وحتى أوازن بين السرعتين, قررت إلغاء تقنية أجاكس …

    @ zak: شكراً لك :-)

    إذا كان رائعاً ومريحاً فلماذا تفضل النسخة الأولى؟
    قد أفكر في إضافة ميزة لتخيير القارىءبين التصميم الأول والثاني عند تصفح رحلة ضَوْء بالاعتماد على “الكوكيز” التي تحتفظ بخيار المستخدم …

    @ بدر الشايع: شكراً لك يا بدر :-)

    ناقشتُ ملاحظتك في تعقيبي على تعليق ياسر … شكراً للمشاركة.

    @ Br4v3-H34r7: شكراً لك :-)

    @ برريوووو: أهلاً بك من جديد :-)

    بخصوص مساحة العمود الأيمن, علقت عليها في تعليق القرّاء الأعزاء. وبخصوص اللون الأزرق, سأفكر في درجة أقل حدة ولكن أرجو أن تلاحظ أنه يمكنك تجاوزه بالضغط على زر “تجاوز التصفح” في القائمة العلوية جهة اليسار … وبهذا, لن يتسبب في مشكلة أو إي انزعاج … جرّب هذا الخيار وأخبرني بالنتيجة …

    المزيد من الملاحظات مرحبٌ بها …


  11. يزن علي قال: 11

    وكل عام وانت بخير :)

    جيد .. ان التصميم الحالي سوف يدعم ie 8 beta 2

    التصميم بشكل عام لا بأس به .. قريب من القديم .. تمنيت انك قمت بتغيير جذري للتصميم .. بالألوان

    سائتني المساحة الخاصة بالتدوينات .. صغيرة ومضغوطة بعض الشيء .

    وتمنيت انك لو جعلت عمود التصنيفات او الأقسام والصفحات اسفل الشريط الأزرق التعريفي بالمدونة ..
    لكي تدعم الشاشات بتصفح الـ800×600 بدون استخدام شريط التمرير الأفقي ..
    كما تمنيت انك استخدمت صورة اوضح لك :)
    وما زلت متابعًا متلهفًا لجديد هذه المدونة الرائعة :)


  12. بشاير قال: 12

    مبروك عليك


  13. برريوووو قال: 13

    تعقيبك على الأقتراح سليم ومقنع .
    ولكن لم تناقش اقتراح وضع “تعديل” على التعليقات التي قمنا بها سابقاً لكي لا نضظر الى عمل تعليق جديد كلما نريد اضافة معلومة او تعديل شئ معين في التعليق نفسه .
    بالتوفيق .


  14. م. مهدي قال: 14

    @ يزن علي: وأنت بخير :-)

    النسخة 3.0 من تصميم رحلة ضَوْء ستكون مختلفة وجذرية وستكون 100 % من تصميم رحلة ضَوْء سواء من حيث الكود البرمجي, التنسيق CSS, التخطيط. الخ الخ. ستكون 100 % من انتاج رحلة ضَوْء في طور تجريبي لاحق …

    أما هذه النسخة (2.0) فهمي مجموعة من التعديلات على ثلاثة قوالب لووردبريس.

    هذه النسخة هي نسخة مؤقتة, مقتنعٌ بأنها أفضل من سابقتها وإلا لما عزمتُ عليها. وهي نوع من التغيير الذي يحافظ على المعالم السابقة للتصميم …

    ولهذا, سأهتم بملاحظاتك مع النسخة الثالثة …

    شكراً لمتابعتك لرحلة ضَوْء :-)

    @ بشاير: بورِكتَ …

    @ برريوووو: كلي اعتذار …

    أرجو أن تعذرني لنسياني … هو النسيان ولا شيء آخر … أعدك بأن أفكر في طلبك جيداً وبأن أسعى لتنفيذة …

    مقتنعٌ باقتراحك …


  15. م. مهدي قال: 15

    @ يزن: نسيت أن أخبرك بانني سأبحث عن صورة أفضل :-)


  16. يزن علي قال: 16

    لماذا لا تستخدم الصورة الموجودة في صفحة about-me


  17. م. مهدي قال: 17

    @ يزن علي: لأن القميص الذي أرتيده فيها لبسته أكثر من أي قميص آخر بحياتي. لذا فهو مرشحٌ للدخول في مسابقة جينيس ليكسر الرقم القياسي في القميص الأكثر غسلاً في العالم! ألوانه لم تعد ذات الألوان السابقة … أمزح, ليس لهذا السبب :-)

    بالمناسبة, له معزة كبيرة بقلبي …

    أعدك بأن أجد صورةً أفضل من هاتين الصورتين :-)


  18. يزن علي قال: 18

    لماذا لا تغير اسم الأرتباط في الصفحة الرئيسية من (عني) الى ( عن قميصي المفضل :) )

    اتسغرب انك لم تعطيي التصميم او التصوير اهتامًا عاليًا في هذه المدونة ..

    كما انك لو تقوم بإضافة ميزة التصفح من الهاتف المتنقل او للشاشات الصغيرة .. لأنني في الأيام القادمة سوف اقوم بمتابعة ر.ض عن طريق هاتفي المتنقل ..
    اعتذر انني لم اعد مشتركًا في الخلاصات .. لكنني اعدك ان اعود في اقرب وقت ممكن


  19. أحمد نذير بكداش قال: 19

    تصميم موفق وافضل..

    الله معك :)
    تحياتي


  20. م. مهدي قال: 20

    @ يزن علي:

    في هذه التدوينة صورةٌ بتفاصيل أوضح للقميص :-)

    شكراً للاقتراح … ستكون ثمة نسخة للهواتف المحمولة ولهاتف iPhone تحديداً.

    نعم, سأهتم بالتصميم في المرحلة التجريبية الحالية … طلب الكثيرون الاهتمام بهذا الموضوع …

    @ أحمد نذير بكداش: شكراً جزيلاً :-)


  21. Ahmad قال: 21

    المدونة أفضل حاليًا على الأكسلورر 6 من التصميم السابق


  22. علاء رمضان قال: 22

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


برجاء عدم التعليق باللهجة العامية