الشهر: أكتوبر 2009

ضاعف سرعة تصفح موقعك وملفاتك بالتقنيات العصرية

Written by Uncategorized

ياهلا .

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

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

ماهي CDN

هي اختصار لجملة Content Delivery (or Distribution) Network وتعني توصيل المحتوى على شكل شبكة ..

التقنيه هذه تعمل كما ذكرت في السابق على توزيع الحمل على السيرفرات وتقليل المسافة . لنوضح اكثر , تخيل اني انا دخلت مدونة الدرازي من البحرين وشخص اخر دخل من اليابان واسترالي دخل من بلده ايضا وامريكي دخل من امريكا . ولنقل ان سرعة الاتصال وكل ادائات الاجهزة والمتصفحات متساوية من الذي سوف يتصفح الموقع اسرع؟ الاقرب مسافة بينه وبين السيرفر واذا السيرفر في امريكا اذا الامريكي هو الاسرع تصفحا للموقع والابطئ هو الياباني لأنه الابعد . ايضا تخيل ان الموقع يزوره في نفس اللحظة 20 مليون زائر << اتمنى من اعماق قلبي :D   . ومدونتي تستخدم هذه التقنية ولنقل ان في كل قارة سيرفر واحد . سوف يتوزع الـ20 مليون على 6 سيرفرات بدل واحد وسوف يتصفحون الموقع اسرع بكثير من عدم وجود هذه التقنية .

في هذه الصورة مثال لهذه التقنية حيث انه كمثال تم وضع 6 سيرفرات متصلة عبر هذه التقنية . تلاحظ ايضا ان زوار الموقع من اسيا سوف يأخذون المحتوى من السيرفر الموجود في اسيا وهو الاقرب لهم ولكن تخيل سكان اسيا يأخذون المحتوى من سيرفر امريكي , كم سوف تكون المسافة !!!

اهل انا حقا احتاجها ولماذا ؟

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

  • في عام 2006 بحوث وتجارب Google اكتشفت بأن انخفاض الحمل Load بنسبة 0.5 ثانية ينتج عنه 20% اقل في الترافيك (نقل البيانات)
  • في عام 2007 ابحاث امازون اكتشفت بأن كل 100 ميلي ثانية ترتفع في تحميل الصفحة (Load) تقل المبيعات بنسبة 1%

لا تخف من هذه التقنية حقا فأنها حقا رخيصة بالمقارنه مع ادائها وعوائدها عليك انت كمدير للموقع .

Amazon Web Services (AWS)

شركة امازون العالمية الشهيره تقدم هذه الخدمة وهي على شكل خدمتين وهما Simple Storage Service (S3) و CloudFront وهما يفعلان ما تم ذكره في تقنية CDN .

واليك هذه الصور التي سوف تفرحك كثيرا :)

الاسعار

اسعار هذه الخدمة في امازون تحاسب بكمية نقل البيانات بـ Gb وهذه قائمة اسعار الخدمتين

وهذه للخدمة الثانية

طبعا هذه الاسعار للولايات المتحدة الامريكية , ويمكنك مشاهدة الاسعار عبر هذه الصفحة http://aws.amazon.com/cloudfront/#pricing و http://aws.amazon.com/s3/#pricing

لو نلاحظ فأن الاسعار رخيصة جدا جدا . قمثلا لو كانت عندك مدونة تأخذ من الترافيك شهريا 55 جيجا ومنها 30 جيجا لصور التصميم وصور المحتوى المرفوعة على سيرفر الموقع . سوف تدفع لكل جيجا بايت من هذه الثلاثين 0.170$ فقط اي كمجموع 5.1$ فقط لا غير !! هل انت متخيل ذلك ! 5$ تقريبا للشهر لتريحك من هموم الصور التي في الموقع ككل والتي تأخذ 30 جيجا شهريا من الترافيك ليبقى لديك شهريا فقط 25 جيجا .. هل تعرف كم من الترافيك انخفض ؟ 30 جيجا اي بنسبة 54% تقريبا وبتكلفة 5$ شهريا تقريبا !

الاستخدامات

استخدامات هذه التقنية (الخدمة) كثيره وسوف اضع الان بعض منها :

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

الكثير الكثير كلن على احتياجاته . وحتى انت كمدونة وصاحب مدونة بسيطة لا يتعدى عدد زوارها يوميا 150 زائر تحتاجها لأنك سوف تسمح للزائر بتصفح تصميم مدونتك الاحترافي الذي تعبت عليه وايضا لن يكلفك كثيرا وصدقني لن يتعدى الـ10$ شهريا .

في النهاية هذا المقال مترمج من مدونة تطويرية انجيلزية عبر هذا الرابط ويوجد في هذا الموضوع طريقة الاشتراك وتفعيل الخدمات وتقصير الروابط ودمجها ايضا للذي يريد التزيد في هذا الموضوع

Read More →

[حوار] المبرمج والمصمم حسين عادل

Written by Uncategorized

ياهلا

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

– البطاقة الشخصية

الأسم : حسين عادل ، مصري ، خريج جامعي عام 2004 ، 26 عام ، أعمل مصمم ويب حر

– اخر اعمالك

اخر أعمالي ما بين مواقع خاصة ووردبريس وهناك تحت التكويد ولكن المنتهي حاليا وبشكل أونلاين علي الشبكة هو

http://www.superinfantryclan.com/vb

http://adv-academy.com/

http://www.al-hlol.com/

وهناك موقعي الجديد ولكن تحت التنفيذ وهناك المزيد بفضل الله تحت الأنتهاء

– رأيك في الويب العربي الحالي

حاليا الوضع جيد وفي صحوة الحمد لله والناس بدأت تعي دور الويب وأصبحت هناك ثورة جديدة للمدونات وكسر قاعدة المنتديات واصبح هناك تنوع ولكن مازال هناك الكثير والكثير الذي ينقصنا

– ماذا ترى في مستقبل الويب العربي

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

– هل ترى بأن الانترنت سوف يحل مكان خدمات اخرى كثيره في المستقبل كالبريد العادي و خدمات البنوك ؟

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

– ما رأيك في خطوة قوقل في انشاء نظام تشغيل

اي خطوة عملية مفيدة ستكون ناجحه بإنتاجها المفيد ، لا استطيع الحكم بالتجرية طالما لما اري المنتج النهائي وهل سيقدم جديد وبديل اخر عن لينوكس ام مجرد تقليد

– هل سبق وجربت احد اجهزة ابل كالماك او اي فون او اي بود \ اذا كان نعم فمارأيك بها مقارنه مع منتجات ميكروسوفت

لا للإسف .. أتمني هذا فعليا ولكن اسعار الماك عريبا باهظه الثمن وأتمني مستقبلا تجربة الماك او منتجات أبل بشكل عام

– ماذا تقيم مستوى ميكروسوفت في السنوات الاخيره ؟

اري مايكروسوفت أنه أقمحت نفسها بميادين عدة من أنظمه تشغيل حاسوب بالبداية إلي أنظمه جوال ومحركات بحث ولكن هناك لها تجارب ناجحه وتجارب اخري فشلت بها وليس هناك من يكسب بشكل كامل او يخسر بشكل كامل
– مارأيك في تقليد افكار المواقع الحالية المشهورة من قبل اكبر شركات الانترنت مثل ابل وياهو وميكروسوف وقوقل ؟

لا حاجة للتقليد وإنما النجاح حليف التميز والأبتكار فمثلا تويتر وخدمه ميمي حتي الآن اقول أن تويتر ناجح وبكفاءه ، لا داعي للتكرار ولكن المهم فكرة متميزة وناجحة ستجني لك الكثير

– ما رأيك مزودي خدمة البريد الالكتروني الحالي , هل ترى مجال لمزود جديد ينافس

لا استطيع التحدث عن هذا بصفه تقنيه ولكن استخدم جي ميل في السنوات الأخيرة والحمد لله حصلت علي بريدي به من أول عهده وأري أنه بريد متميز وأحترافي وتميز عن الباقي بكل جداره

– هل تعتقد ان زمان الجرائد المطبوعة سوف يولي والسبب الانترنت ؟

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

– ما رأيك في حال الووردبريس

الوردبريس في تطور وقوة وشعبية متزايدة بفضل الدعم الخاص بها وسهولة استخدامها سواء عالميا وعربيا

– هل ترى دعم الووردبريس عربيا حاليا كافي ؟

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

– هل تؤيد فكرة نسختين للووبريس الاولى كلاسك والثانية لأدارة المحتوى

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

– هل سبق وشاركت في مشاريع اجتماعية على الانترنت , كيوم التدوينة ودعم غزة

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

– ما هو افضل مشروع عربي حاليا بوجهة نظرك

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

– مارأيك في صفقة شراء ياهو لمكتوب

صفقة جيدة لمكتوب ولكن لا أعتقد أنها جيده لياهوو لا اعلم اشعر بذلك فمكتوب بالسنوات الأخيرة لم يقدم اي افكار جديدة بكل يشتري مواقع ومنتديات من أجل الزوار !! وهل الزوار تشتري ..علي أي حال سوف نري نتائج التجربة ونري هل ياهوو لها لها سياسية بعد نظر بهذا القرار ام ماذا ؟

في النهاية اشكر الاستاذ حسين على قبوله المقابل واجابته على اسئلتي

Read More →

Microsoft Expression Web 3

Written by Uncategorized

يا هلا .

برنامج “Microsoft Expression Web 3″ نزل قبل فتره في الانترنت ولكن كل فتره ابحث عن روابط لتحميله ولكن مالقيت اي شي فاقلقني الموضوع وشككت في نزول البرنامج رسمي ولكن تأكد من نزوله رسمي من موقع ميكروسوفت حيث يمكنك تحميله للتجربة “Try it ” وايضا يمكنك شراءه من امازون .

صادفت صديقي العزيز الكابتن ”ابونواف” وطرحت الموضوع عليه وبالفعل تحمس للبحث عن البرنامج ووصلنا الى نفس النتيجه وهي لا روابط في الانترنت لهذا البرنامج , بما ان الكابتن سرعة اتصاله اكثر مني قام بتحميل نسخة Try it من ميكروسوفت لعلى وعسى , حاولنا استخدام سيريال الاصدار السابق 2 او 1 ولكن لم نظهر بنتيجه وضل البرنامج يعمل لمدة 60 يوم فقط لا غير . بعد كم يوم كلمني الكابتن بحل لهذه المشكلة وهي التي سوف اشرحها اليوم .

في البداية توجد خدمة من ميكروسوفت واسمها Dream Spark وهي خاصة لطلاب جامعات العالم حيث يمكنكهم تحميل بعض برامج ميكروسوفت مجانا من خلال هذا الموقع . وقد جرب الطريقة الكابتن ابو نواف قبلي وانا طبقتها والحمد لله . واليكم الطريقة :

التسجيل والتفعيل

في البداية تحتاج الى حساب لايف “Live ID” وبريد الكتروني خاص بك (بريد الطالب الجامعي) يحمل نطاق الجامعة التي انت تدرس فيها . فمثلا في جامعة البحرين يوجد بريد الكتروني لكل طالب يحمل العنوان [email protected] وحساب Live ID هو حسابك العادي سواء هوتميل او ام اس ان او لايف او لايف ميل .

ادخل الى رابط خدمة دريم سبارك عبر الرابط www.dreamspark.com وسجل دخول في حسابك Live ID (*) وبعدها اختر البرنامج الذي تريد تحميله

كما في الصورة سوف نختار اكسبريشن ستوديو 3 ويمكنك ايضا تحميل كل هذه البرامج وهي ايضا مجانية , برنامج Microsoft Expression Studio 3 هي الحزمة الشاملة لكل برامج Microsoft Expression وهي web,Encoder وايضا برامج اخرى يمكنك مشاهدتها من موقع الحزمة الرسمية

بعدها قم بأختيار التفعيل “Valid”

بعد الدخول لهذه الصفحة سوف يحولك لصفحة تفعيل حسابك الطلابي حيث سوف يطلب منك بعض بيانات جامعتك كما في الصورة التالية :

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

(*) ملاحظة مهمة : اذا كانت جامعتك ضمن نظام Live @ edu فيمكنك تفعيل حسابك دون الحاجة لأرسال رسالة تفعيل لبريدك الالكتروني فقط دخول موقع دريم سبارك والضغط على تفعيل , كما الحال معي فجامعة البحرين ضمن هذا النظام والذي يوفر بريد الكتروني على موقع live نفسه ولكن على نطاق جامعتك وايضا لن تحتاج الى حساب Live ID للدخول عليه

 بعد تحميل البرنامج وتثبيته (لن يطلب منك اي سيريال او تفعيل فالبرمامج مفعل مسبقا) يمكنك التمتع به :)

  Microsoft Expression Web 3

يمكنك الان تشغيل البرنامج لمشاهدة الاداء الجبار لهذا الاسم القوي :)

يتمتع هذا البرنامج بواجهة جميلة جدا تحمل اللون الاسود واستخدام اللون الاخضر لأول مرة في برامج ميكروسوفت وهو جميل جدا جدا . نبدأ اول شي بعد تشغيل البرنامج

تم تغيير هذه الواجهة الاصدار الثاني وهذي باعتقادي احلى من السابقة ولكن لا انكر ان واجهة الاصدار الثاني ايضا جميله جدا .

الشكل العام جميل وكما ذلك فهو يغلبه اللون الاسود واللون الاخضر في الـHover . كما نرى في الصورة فالشكل العام لا يختلف كثيرا عن الاصدار السابق “2″ الان ان هذا الاصدار “3″ يحمل ادوات بارزه وموزعة بشكل سلسل ومريح اكثر فنلاحظ وجود دقة العمل في اسفل الزاوية اليسرى للنافذة وجنبها اصدار الـCSS وبعدها طريقة العرض الى ان تصل الى مصحح اخطاء الـXHTML و CSS . ايضا كما الاصدار السابق فيمكنك تقسيم منطقة العمل الى Desgin و Split و Code (وهي كما في فرونت بيج اساسا :D )

هذه صورة لوضع الاكواد كيف انه ملون ومنسق (لا جديد)

في هذه الصورة توجد خدمة جديده وهي خدمة SnapShot وهي خدمة متوفره في عدة مواقع اون لاين ولكن لا تستطيع الاستفادة من هذه الخدمات اذا كان العمل في السيرفر المحلي (Localhost) او مجرد ملف XHML . حيث توفر لك هذه الخدمة الجديدة امكانية انشاء صورة لعملك لعدة متصفحات ميكروسوفت IE6-7-8 وايضا تتحكم في دقة الصورة من خلال اختيارها في الزاوية السفلى في جهة اليسار

هذه خدمة جديدة وهي بعض اكواد الجافا واكواد جاهزة تستطيع استخدامها مثل تشغيل صوت او Popup .

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

 Microsoft Expression Web 3 SuperPreview

 هذا برنامج يعمل مع الاكسبريشن ويب حيث يوفر لك امكانية مشاهدة العمل مع ادوات وخيارات عدة  , في الحقيقة كنت متوقع وجود هذه الخدمة لتغطي على الاقل المتصفحات المثبته في النظام ولكني تفاجت بعملها فقط على متصفح ميكروسوفت Internet explorer بأصداراته 6 و 7 و 8 بينما توجد خدمة اونلاين لأدوبي يمكنك مشاهدة العمل على اكثر من 10 خيارات منها نظام الماك والوندوز وتعدد المتصفحات ايضا الا انها لا تنفع مع السيرفر المحلي Localhost .

كما ترى في هذه الصورة فهي مقارنة العمل بين المتصفح اكسبلورر في الاصدار ال6 و ال7 وامكانية تحديد المحتويات للمقارنة بينه ايضا المسطرة التي يمكن القياس بها المسافات طولا وعرض .

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

في النهاية , البرنامج قوي وجميل جدا الا اني كنت متوقع من خدمة السوبر بريفيو اداء افضل واقوى من الموجود في هذا الاصدار . فكنت اتمنى انه يعمل مع لا يقل عن 23 خيار للتصفح حتى ينافس غير من الادوات الموجوده حاليا .

Read More →

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

Written by Uncategorized

ياهلا.

الحمد لله وبعونه انتهيت من تصميم مدونتي اليديد وهو الان الرسمي والافتراضي في المدونة . التصميم يحمل الوان الصيف (الربيع) الفاتحه ومتمدد كما هو واضح في المتصفح , اعتمدت على عرض 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

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

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

Read More →