على الصعيد
السلام عليكم ورحمة الله وبركاته ..
بكتب اليوم عن اللي صار في الفتره اللي راحت (فتره الامتحانات).
الصعيد الشخصي :
- انتهيت من الامتحان وانا الان في عطلة

- لن ادخل صيفي هذا الصيف .
المدونة :
- الشهر الياي تكمل المدونة سنه كاملة وقمت بوضع صورة في القائمة الجانبية .
- اضفت في القائمة الجانبية الاقسام
- واستبدلت اعلانات Google بأعلانات “عربي” للتجربة ( يرجى الضغط على الاعلانات لدعم المدونة).
- وضع وصلة للـSitemap اسفل المدونة
البرامج
- الفوتوشوب اليديد وعدة البرامج اللي وياه مسويه ثوره كبيره جدا جدا لأن حزمة البرامج اللي ويا الفوتوشوب هم 9+الفوتوشوب بمساحة 3 جيجا واكثر وتحناج الى مميزات كبيره جدا لتشغيله على الكمبيوتر . لم اقم بتجريبه للأنه الى الان ما نزلت النسخة اللي تدعم اللغة العربية
- كل اللي ركبوا الريال بلاير اليديد منبهرين بشكله المميز لكن فيه مميزات الى الحين ما تقدر تستخدمها لأن النسخة بيتا .
- ننتظر النسخة الثابته من Windows Messenger 8.5 التي الان في مرحلة البيتا ايضا .
- نزول الكاسبر سكاي اليديد ولكن الى الان ما جربته .
PS ,,,
بالتوفيق ان شاء الله .
Real Player 11
السلام عليكم ..
وبعد استمراري بأستخدام لبرنامج Real player في نسخته العاشر لمدة تزيد عن السنة تم اصدار الاصدار اليديد والذي يحمل الرقم 11 ولكن ما زال Beta

اهم مميزاته هي :
– امكانية التسجيل
– امكانية قطع مقطع من اي ملف صوتي وحفظه في ملف اخر
– الاهتمام بالجرافيكس
بالتوفيق ان شاء الله
مدونات اشهر المواقع والبرامج ..
السلام عليكم …
سوف اسرد لكم في هذه التدوينة مدونات اشهر المواقع والبرامج
اذا كان لديكم المزيد يرجى ادراجه في تعليق ..
شكرا
قالب يديد !
السلام عليكم ,..
واخيرا .. تم تغيير قالب المدونة وتم تجربتها على
- انترنت اكسبلورر 6 – 7
- فاير فوكس 2
ويحتوى على الالوان
- الرصاصي
- الاسود
- الازرق
وايضا انا استخدم الاضافات التالية
- All in One SEO Pack – خاص بالـSeo
- Akismet – خاص بمنع السبام
- Google Sitemaps – خاص بعمل خارطة للموقع
- Google Analytics – خاص بوضع كود احصائيات قوقل على المدونة
بالتوفيق ان شاء الله
Qr Code
QR Code – بار كود الموبايل
ماهو ال Qr Code ؟؟
في الحقيقة لقد شاهدته من حوالي سنتين في أحد المواقع الأجنبية ولم أعره اهتماماً حتى رأيته مرة أخرى في سوالف سوفت واثار جدلاً كبيراً ووضع أحد الأخوة مشكوراً هناك موضوعا يلي الضوء على البرنامج الذي يقرأه على الجوال وكيفية عمل كود خاص بك
ويشرفني أن ألقي بعض الضوء فاتحاً الباب لغيري لاكمال الموضوع
بدات فكرة الـ QR Code في سنة 1994 عن طريق الياباني Denso-Wave وهو عبارة عن كود مصفوفي أو بار كود في مصفوفة ثنائية الأبعاد
وترجع التسمية البار كود هذا بإسم QR إلى كلمتي “Quick Response ” أو الإستجابة السريعة والكلمة كلها تعني مصطلحاً ” الكود ذو الإستجابة السريعة ”
أستخدم في الاصل في أثناء صناعة أجزاء السيارات في اليابان ثم بدأ استخدامه في الهواتف المحمولة بهدف نقل المعلومات بطريقة بسيطه ومشفرة وصغيرة في نفس الوقت فبإمكانك كتابة مقال صغير وتشفيره ليكون صورة لايتعدى حجمها الكيلوبايتات المعدودة وارسالها مثلا لجريدتك او مكتبك او الإحتفاظ ببيانات شخصية او سرية او تبادل المعلومات الشخصية أيضاً
وكذلك كما فعلت سوالف شوفت بطريقة ذكية جداً 
حسناً والآن دعونا نقترب أكثر من كود الإستجابة السريعة او ما أحب تسميته الكود السريع
يمكن للكود السريع أن يحتفظ ببيانات بعدة أشكال كالتالي :
* رقمية في حدود 7,089 حرف
* حرفية في حدود 4,296 حرف
* باينري (صور مثلاً ) في حدود 2,953 حرف
حسناً ماهي تركيبة صورة الكود السريع ؟؟ بكل بساطه هي كالصورة التالية :
من الخارج إلى الداخل
1. مساحة إلتقاط او الإحساس بالباترن او التركيبة
2. مساحة الكود
3. الكود نفسة بتركيبته
إلى هنا أكتفي بهذا التعريف البسيط بالخدمة وتعالوا لنرى كيف نصنع كود سريع خاص بنا وكذكل كيف نقراه
في البداية نصنعه 
هناك العديد من المواقع التي تمكنك من هذا وقد جربت معظمها وودت أفضلها
يمكن هنا ان تصنع كودك الذي يحتوي على رابط او نص عربي او انجليزي او يحتوي على رسالة قصيرة او رقم هاتف
وتختار الحجم الذي تريده
وهذه النتيجة لنص عربي مثلاً
نأتي الآن لقرائتها
أيضاً يوجد العديد من البرمجيات لقرائتها ولكن افضلها
سجل نفسك هنا
http://reader.kaywa.com/register
اختر أولا نوع هاتفك المحمول ثم سيظهر لك قائمة بالانواع التي تدعم قراءة الكود السريع
ثم إضغط على الصورة
واكمل التسجيل وحمل البرنامج
بعد تحميل البرنامج ونقله على جوالك وتشغيله فقط قربه من الصورة التي تحتوي على الكود السريع (مثلا التي أنشأتها أنا بالأعلى )
وفي أقل من ثانيتين سوف تتم قراءة المحتوى
الفكرة قوية وغائبة إلى حد ما عنا نحن العرب ولكن تفتح لنا آفاق عدة
في مقالة أخرى إن شاء الله سوف أتطرق للطرق البرمجية لإنشاء الكود السريع عبر صفحات الويب
أتمنى أكون قدمت شيء وأتمنى أن يكمل بعدي أحد الأخوة الكرام
بعد المصادر التي يمكن الإستفادة منها :
http://en.wikipedia.org/wiki/QR_Code
http://www.swetake.com/qr/qr1_en.html
” منــقول ” – المقال الاصلي
كيفية تصميم ستايل مطابق للويب 2.0
السلام عليكم ورحمة الله وبركاته …
اليوم ان شاء الله سوف اتكلم عن كيفية تصميم موقع بمواصفات مواقع الويب Web2.0سوف اتكلم عن النقاط التالية ::
– البساطة
– اعمده اقل
– الهيدر منفصل
– الخلفيات والاشياء الجريئة
– القوائم العرضية
– الجراءه في الشعار (البساطة)
– نص اكبر
– مقدمات بنصوص اكبر
– قوة الالوان
– التدرجات
– ايقونات
– بالونات
-| البساطة
لما كل هذه التصاميم معقدة , ولماذا كل هذه التصاميم المحشوه بالصور ؟ . هناك استثناءات لذلك
تصميم الشبكه هو أسهل من أي وقت مضى ، وهذا شيء جيد
وهذا لا يعني ان كل المواقع يجب ان تكون ضئيلة، بل ان علينا ان نستخدم القليل من الملامح و ماهو ضروري لتحقيق ما انت بحاجة الى تحقيقه.
كيف تتم البساطة ؟
ازالة عناصر غير ضروريه ، دون التضحيه عالية.
تجريب الحلول البديله التي تحقق نفس النتيجة اكثر بساطة.

انظر الى عدد المواد في هذا الموقع !! انظر الى الخلفية !! الى الشعار !! ووو !
لماذا هذه الزحمه ؟
-| اعمده اقل
عندما تقوم بتصميم موقع فيه اعمده اقل يكون اقل بساطة ولو قمت بتصميم موقع بدون اعمدة لكان اكثر بساطة

انظر الى هذا الموقع , يحتوي على عمود واحد : انه اكثر بساطة .

وانظر الى هذا الموقع ايضا , يحتوي على عمودين فقط ولكن لو تلاحظ ان الموقع اول يتمتع ببساطة اكثر

اخيرا .. انظر الى هذا الموقع .. يمكن العديد من الاعمدة فتراه غير منظم ولا يتمتع بالبساطة
ولكن !! عندما تستخدم عمود او عمودين لا يغير شي في مضمون الموقع كالوصلات والاخبار و….
-| الهيدر منفصل
عندما تقوم بتصميم موقع فحاول فصل الهيدر مع القائمة بصفوف جرئية



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

لاحظوا معي الموقع الاول كيف قام بتصميم خلفية بسيطة مع رسومات سوداء وعند تحريك السكروول لا تتحرك الخلفية
وفي الموقع الثاني قام بتصميم خلفية بتدرجات تتوافق مع التصميم الداخلي للموقع .
ولكن عند وضعك للون الابيض في الخلفية يقلل من دقة واحترافية التصميم كالتصماميم التالية


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




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

-| نص اكبر
-| مقدمات بنصوص اكبر
سوف اتكلم عن نص اكبر مع مقدمات بنصوص اكبر مع بعض .
يمكنك وضع نصوص تقديمية بحجم كبير وبارز ليبين اهميته كـ
تحميل , اضف الان , التسجيل , ابدا , الان , شارك , مجانا ,
وهذه بعض الامثلة لذلك






-| قوة الالوان
-| التدرجات
قم بأستخدام الوان قوية وجريئة في التعبير عن خطوات (اذا كان في الموقع ذلك)
كمثال ::
عندما تريد عمل تصميم الى موقع استضافة مدونات , بعد انشاءك الى الهيدر والقوائم .
اسفلها مباشره فم بعمل 3 مستطيلات في صف واحد وفي الصف الاول قم بوضع رقم 1 بخط كبير و في جانبه تضع كلمة ” سجل” وبعدها وفي اسفل المستطيل تستطيع كتابة بعض الاشياء كـ”يمكنك التسجيل ببساطة جدا ولا يتطلب ذلك الا بعض المعلومات عنك
وبعدها وفي المستطيل الثاني تكتب رقم 2 وبجنبه “دون” (بنفس طريقة المستطيل الاول)
وتكتب اسفله (في نفس المربع) تتمتع بأفضل المواصفات التقنية عند كتابتك التدوينات .
وفي المستطيل الاخير تكتب رقم 3 وبجنبة “انشر” (بنفس طريقة المستطيل الاول والثاني ) وتحته تكتب شارك اصدقائك ما كتبت وانشر تدويناتك في الانترنت .
نأتي الان الى المستطيلات , تستطيع عمل المستطيلات بلون واحد مع اضافة الايقونات المعبره او استخدام لون واحد بتدرجاته او استخدام عدة الوان ولكن بنفس المستوى ..


او
استخدام صورة كبيره معبره مع التدرج في الالوان (الخلفية)



-| الايقونات
يمكن ان تكون الايقونات مفيده عندما يتعلق الامر بدخول الزائر لا يجيد لغة الموقع . او لتسهيل وتسريع تنقلات الزائر
وهذه الامثلة سوف تسهل لك هذه النقطة





-| بالونات
واخيرا سوف اتكلم عن البالونات .
وهذه النقطة لم اراها في المواقع العربية الى الان .
وهي اشبه بالبالونات تستطيع استخدامها عندما تريد
= عرض سعر سلعة
= شيء مجانا
= رقم تسلسلي او رقم اصدار
= للتحميل
= للـBeta New Update Last







———————–
وفي النهاية ..
اتمنى رؤية المواقع العربية على نظام الويب 2.0 و الاستفاده من هذا الموضوع ..
ارجوا عدم نقل الموضوع الا بذكر المصدر .
