إرشيف التصنيف: ‘ويب’

[ تغطية مصورة ] Wordcamp Egypt 2009

wordcamp-egypt

نُظم يوم السبت الماضي مؤتمر Wordcamp Egypt و هو الاول من نوعه في مصر و في الوطن العربي … المؤتمر من تنظيم فريق depiak التابع لفريق CAT في هندسة المنصورة ..

مكان انعقاد المؤتمر يبعد عني حوالي الساعتين و النصف بالحافلة ولان المؤتمر يبدأ الساعه 10 كان علي ان استقل الحافلة قبل الساعة 7 وهذا ما تطلب ان استيقظ في الساعه 5 .. هذا كان اكثر الأمور ازعاجاً لي فلست معتاداً على الاستيقاظ مبكرا بهذه الطريقة :D و لكن الجميل في الأمر أني لم اذهب بمفردي فقد رافقني أخي العزيز حسين عادل صاحب مدونة تصميم مصري .. و الذي رافقني من بداية الرحلة حتى نهايتها … لم أشعر بالوقت في الحافلة فقد ناقشنا الكثير من المواضيع و تبادلنا الكثير من الأفكار عن التصميم و عن مشاريع جديدة لي وله أتمنى ان ترى النور في القريب العاجل ان شاء الله ..
( اكمل قراءة التدوينة )

عزيزي IE6 هذا يكفي .. ارحل الان !!

اذا كنت مصمم مواقع فبكل تأكيد قد واجهتك مشاكل و صعوبات مع مستعرض Internt Explorer 6 في عرض تصاميمك والتي في الغالب تظهر على اغلب المستعرضات بشكل سليم الا هذا المستعرض الفقير في دعم المعايير القياسية و الذي لا يدعم العديد من خواص CSS ولهذا فنحن نضيع الكثير من الوقت في سبيل ايجاد حلول لهذه المشاكل ليظهر الموقع بشكل سليم على هذا المستعرض مستخدمين ملفات جافاسكريبت لحل مشكلة ما او استخدام خواص CSS خاصه به او حتى كتابة ملف CSS كامل خاص له فقط !! بالطبع كل هذا يضيع الكثير من الوقت و الجهد …

Dear IE 6 موقع بفكرة طريفة قائمة على عرض رسائل من المستخدمين الى IE6 الموقع يحتوي حتى لحظة كتابة هذه التدوينة على أكثر من 1000 رساله متنوعة اللهجة ولكنها مجمعة على طلب الرحيل ، منها من يطلب الرحيل باسلوب لطيف و البعض الأخر غاضب لدرجة السباب :D يعتمد الموقع على تجميع هذه الرسائل من خلال تويتر ، فقط قم باتباع حساب الموقع على تويتر ثم ارسل لهم رد (reply) برسالتك و سيتم عرضها في الموقع …

حسناً .. عن نفسي يمكنني أن اقول له  ( عاملا بارحموا عزيز قوم ذل ) :

عزيزي IE6 … كنت يوما ما الأفضل .. ارحل الان لتترك ذكرى طيبه :)   ..

ماذا عنك ماذا يمكنك أن تقول لـ IE6 … لكن بدون سب :D ..

مجموعة من أيقونات تويتر

twitter_logoتويترtwitter هو مجتمع الكتروني لما يعرف بالتدوين المصغر Micro-blogging و الذي يمكنك من خلاله مشاركة أخبارك وحالتك مع الاصدقاء .. لمزيد من المعلومات عن تويتر .

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

اضغط على الصور لمزيد من المعلومات و للتحميل

twitter_icon
( اكمل قراءة التدوينة )

الكود القياسي لاضافة مقاطع YouTube

youtubeكثيرا ما نحتاج لاضافة مقاطع فيديو في مواضيعنا .. ولكن الكود العادي لاضافة مقاطع الفيديو غير مطابق لمعايير xhtml … كالكود الذي يوفره موقع YouTube لاضافة مقطع الفيديو و الذي يكون على الشكل التالي :

<object width="425" height="344"><param name="movie" value="http://www.youtube.com/vedio-url"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/vedio-url" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object>

الكود السابق غير مطابق لمعايير xhtml و يمكن استخدام الكود التالي بدلا منه حيث انه مطابق لمعايير xhtml :

<object type="application/x-shockwave-flash" style="width:425px; height:344px;" data="http://www.youtube.com/vedio-url"><param name="movie" value="http://www.youtube.com/vedio-url" /></object>

او يمكنك استخدام هذه الأداة و التي تقوم بتحويل الكود الغير قياسي الى الكود القياسي .

( اكمل قراءة التدوينة )

اضافات فايرفوكس التي استخدمها

Firebug : اضافة هامة جداُ لأي مصمم مواقع حيث تمكنك الاضافة من الاطلاع على كافة اكواد الصفحة HTML – CSS مع امكانية التعديل عليها و معاينة ناتج التعديل مباشرة . مع الكثير من المميزات للجافاسكريبت .
الموقع الرسمي للاضافة | الاضافة على Firefox Add-ons


Html Validator : اضافة تقوم باختبار هل الصفحة المعروضة مطابقة لمعايير (X)Html ؟ مع عرض كافة الأخطاء الموجوده في الصفحة و تحديد مكانها مع توفير وصف للخطأ بالاضافة الى اقتراحات لتصحيح هذا الخطا .
الموقع الرسمي للاضافة | الاضافة على Firefox Add-ons
( اكمل قراءة التدوينة )

3 ادوات لتجريب أكواد Html / CSS اون لاين ..

أثناء بحثي عن محرر Html / CSS يتيح كتابة أكواد Html و CSS وتجربتها مباشرة لاستخدامه لعرض الأمثلة التي ساقوم باذن الله بطرحها في دروس CSS و Html  القادمة و التي ستعتمد على الأمثلة بشكل رئيسي لتوضيح فائدة كل خاصية و عنصر و اتاحة الفرصة للزائر لكي يعدل على الكود و تطبيق تعديلاته و بالتالي تكون الاستفادة أكبر .. و هذه هي الطريقة المستخدمة في عرض الأمثلة في موقع w3cschools … بعد البحث و الاطلاع على الكثير من الصفحات و جدت عدد من الأدوات تفي بالغرض ولكن للأسف لا تتيح امكانية تحميلها و رفعها على موقعي و استخدامها لعرض أمثلتي … فأردت مشاركتكم بها إلى أن أجد ضالتي … :(

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

Real-time
صفحة الاداة مقسمه الى جزئين قم بكتابة اكوادك في الجزء العلوي من الصفحة وسيتم تطبيقها مباشرة في الجزء السفلي .

TryIt Editor
هذه الاداة هي المستخدمة في موقع w3cschools .. ما يعيب هذه الاداه صغر المساحة الخاصة بتطبيق الأكواد كما أن الأكواد لا يتم تطبيقها فور كتابتها ولكن عليك الضغط على زر ” Edit the text and click me ” ليتم تطبيقها .

اذا كان لديك اداة يمكنني استخدامها لعرض الأمثلة فلا تبخل علينا بالمساعدة

شعارات ويب 2.0

خدمات و تطبيقات الويب 2 كثيرة ومتعددة و لكل منها شعار فريد خاص به … تشترك هذه الشعارات على اختلافها في مجموعة من السمات منها :

  • البساطة في التركيب .
  • استخدام اكثر من لون في الشعار .
  • سهولة القراءة .

هذه مجموعة شعارات لمواقع وخدمات web2.0 عالمية .. اضغط على الصورة لمشاهدتها بحجم أكبر .

( اكمل قراءة التدوينة )

هل تسعى Google لاحتكار الويب ؟

لا يستطيع أحد أن ينكر نجاح Google كشركة استطاعات ان تتحول من مجرد موقع لتقديم خدمة البحث لاحدى الشركات العملاقة في تقديم خدمات الويب .

ولكن ….

من عدة أشهر قامت Google باطلاف knol و هو المنافس لويكيبيديا .. فكرت في السبب وراء اطلاف قاعدة معرفة جديدة على الانترنت في ظل وجود ويكيبيديا بما تحوية من كم هائل من المقالات و بلغات مختلفة ولكن لم اجد اي سبب مقنع ولم يقنعني السبب الذي ذكر على موقع knol ..” موقع Knol له هدف وحيد، ألا وهو مساعدتك على نشر معرفتك ” الا تتيح ويكيبيديا نشر معرفتك ؟؟

و أطلقت Google مؤخراً متصفحها chrome وفكرت ايضا في سبب مقنع لطرح هذا المتصفح في ظل وجود متصفحات اخرى مجانيه ومفتوحة التطوير مثل Firefox و المدعوم من أكبر الشركات و على رأسهم جوجل نفسها .. اذا ما الداعي لمتصفح جديد ؟ و ماهو مستقبل دعم جوجل لمتصفح مثل فايرفوكس في ظل وجود chrome ؟

يمكنني القول بان جوجل تسعى لاحتكار الويب فالشركة التي بدأت بمحرك بحث لم تترك مجالا الا وغزته .. بريد ، فيديو ، صور ، اعلانات ، مستندات ، تدوين ، اداوت ويب ماستر ، مجموعات ، قارئ الخلاصات ، ادارة مشاريع ، ترجمة ، موبايل ، خرائط … و القائمة تطول بالخدمات و ما يعزز رؤيتي لجوجل بانها تسعى لاحتكار الويب تقديمها خدمات مثل page rank لتقييم المواقع و التي يحرص اصحاب المواقع على اتباع شروط وقوانين جوجل والا عاقبتهم بمسح مواقعهم من محرك بحثها ! وهذا يذكرني باختبارات مايكروسوفت للعتاد و البرامج ليتوافق مع نظام تشغيلها !!

فهل سيأتي اليوم الذي نرى فيه حملات لمحاربة احتكار جوجل للويب .. كما نرى اليوم حملات لمحاربة احتكار مايكروسوفت لسوق انظمة التشغيل وتطبيقات سطح المكتب ؟

ما رأيك انت ؟