ويب

خطوات لجعل واجهة فايرفوكس أبسط !

من عدة ايام قمت بتنصيب نسخة ويندوز بعد أن إشتكت الأولى و إستغاثت من الضغط التي تحملته ولكنها مشكورة تحملتني اشهر تعمل بكفائة على غير العادة :D … طبعا بعد التنصيب يجب أن أقوم بتنصيب كل البرامج التي استخدمها و في مقدمتها العزيز فايرفوكس و لكني هذه المره إتخذت قراراً …. ألا تعود واجهته كما كانت .. هل تريد ان تعرف كيف كانت واجهة الفايرفوكس لدي شاهد الصورة :
old-firefox

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

حسناً ببعض التعديلات …. تم تخفيض العدد الى شريط أدوات وحيد … بالاضافة الى شريط أخر للألسنة .. المجموع أثنين فقط .. شاهد الصور ستشعر بفرق بكل تأكيد : أكمل القراءة

خدمات ويب 2.0 عربية – ج1

أثناء تحضيري لسلسلة محاضرات Web Day و التي كنت سأتحدث في احدى محاضراتها عن الويب 2.0 .. بحثت عن خدمات ويب 2.0 عربية لاقوم بعرضها في المحاضرة .. في هذا الموضوع و الذي سيكون على عدة أجزاء سأشارككم بما وجدت من خدمات :

يملي : محرك بحث عربي و محول الحروف !

yamli

Untiny : خدمة استرجاع عناوين المواقع المختصرة

untiny

أكمل القراءة

[ تغطية مصورة ] 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 name="allowFullScreen" value="true"/><embed src="http://www.youtube.com/vedio-url" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"/></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>

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

أكمل القراءة