[ تصميم ] مدونة ريماني

بحمد الله تعالى إنتهيت من تصميم ثيم ووردبريس خاص لمدونة ريماني … الثيم مطابق لمعايير Xhtml و CSS .

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

اضغط على الصورة في الأعلى لرؤية صورة مكبرة..

محاضرة عن الويب و الانترنت

سأقوم غداً الأربعاء بإذن الله تعالى بإلقاء محاضرة عن الويب و الإنترنت والتي سأتناول فيها سمات مايعرف بالويب1 و الويب2 والتوقعات لما بعد الويب2 بالإضافة الى تسليط الضوء على المجتمعات الإلكترونية و خدمات الويب2 العربية .

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

المحاضرة ستكون في تمام الساعه 1 ظهراً في مدرج الاحتفالات بكلية العلوم و الحضور مقتصر على طلاب جامعة المنوفية فقط .

المحاضرة من تنظيم مجتمع Computality ..

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

محتوى محاط بصور بإستخدام CSS

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


أكمل قراءة التدوينة »

مشاكل في حاسوبي !

مر ما يقارب الشهر منذ أخر تدوينه لي .. طوال هذه الفترة وانا أعاني – و مازلت – من مشاكل مع حاسوبي هذه المشاكل متنوعه مثل ظهور الشاشه الزرقاء و تجمد الحاسوب و الغريب اني عندما ذهبت بحاسوبي لاحدى شركات الصيانه أخبرني بان الجهاز سليم ولا مشكلة فيه !!! ؟؟؟ الى أن تفاقم الأمر و وصل ذروته بضياع كل البيانات من الهارد ديسك بالطبع ليس هناك مشكلة أكبر من فقد ملفات بعضها يزيد عمره عن 4 سنوات ..

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

ولأن المشاكل تأتي دفعه واحده فقد انقطع الانترنت بسبب عطل من موزع الخدمه ليقضي هذا على أي فرصه لاستخدامي حاسوب اخر من منزلي كما انه ليس من السهل علي العمل من مقاهي الانترنت !

بالطبع كل هذه الاسباب كفيله بأن انقطع عن الانترنت كل هذه الفتره  و لهذا  فأنا أعتذر :

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

الان بدأت الامور تتحسن بعض الشئ فقد عاد الانترنت و تحسن الحاسوب – الى حد ما – من تلقاء نفسه  :D .. سأحاول عرض الحاسوب على شركة أخرى لتحديد العطل و تصليحه او تغيير قطعه العتاد المسببه للأعطال ..

تخصيص CSS للمستعرضات … باستخدام جافا سكريبت

تحدثت في تدونية سابقه عن تطبيق conditional-css .. لتخصيص أكواد css للمستعرضات باستخدام php .. في هذه التدوينة سأستعرض تطبيق أخر لتخصيص أكواد css للمستعرضات و لاكن هذه المره باستخدام الجافا سكريبت .

CSS Browser Selector
تطبيق صغير الحجم لا يتعدي الكيلو بايت مبني باستخدام جافا سكريبت .. التطبيق يتيح تخصيص اكواد CSS لتظهر بشكل مختلف على مستعرض دون الأخر أو على نظام تشغيل دون الأخر .
أكمل قراءة التدوينة »

[PSD 2 Html] موقع We Can !

بحمد الله تعالى إنتهيت من تحويل ملف PSD الى ثيم ووردبريس خاص مطابق لمعايير Xhtml و CSS … و متوافق مع المتصفحات الشهيرة .

لزيارة الموقع

اضغط على الصورة في الأعلى لرؤية صورة مكبرة..

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 عالمية .. اضغط على الصورة لمشاهدتها بحجم أكبر .

أكمل قراءة التدوينة »

صفحة 9 من 14« الأولى...«567891011121314»