HTML5/CSS3

ياهلا

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

عندما اتصفح الويب وابحر في المواقع اجد بعض المواقع التي اوقات اتردد عليها تعمل بكفاءه والتصميم احلى بكثير عندما اتصفح المواقع بواسطة الفايرفوكس او سفاري بعكس عندما اتصفح نفس المواقع على الانترنت اكسبلورر بأختلاف اصداراته عدى التاسع فأني لم استخدمه لفتره كبيره ! مثل حواف المستطيلات (Div) تكون مستديره والظل (shadow) في النصوص ; في حالتي انا لا استخدم هذه الاكواد واذا كنت تطبيق بعض الخواص اعتمد على عملها كصور حتي تعمل مع اكبر قدر من المتصفحات الا ان طريقتي في العمل تقلل من سرعة تصفح الموقع بسبب زياده عدد الصور !

في اخر عمل لي والذي الان انا اعمل عليه وهو عمل لي انا سوف اقوم بنشره عندما يكمل ان شاء الله قمت بعمل الموقع بلغة الاكواد الجديده HTML5 و CSS3 , طريقة كتابة الاكواد في هذه الاصدارات تختلف عن الاصدار القديم والتي تسهل الكثير من الاكواد والعمليات والصور في عملية عمل التصميم ! فمثلا يمكنك تقسيم التصميم الى <header> <footer> وادراج المحتوى في الهيدر والفوتر بكل سهولة على عكس استخدامك Div’s لكل واحد منهم وادراج تنسيقات لكل محتوى منهم , يمكنك تقسيم المحتوى داخل كل قسم الى Sections !

 

قمت برفع صفحة التصميم على صفحة مؤقته حتى اقوم بتجربه الاكواد على المتصفحات فوجدت ان التصميم يعمل بكفاءه على الفايرفوكس 6 والسفاري 5 و الانترنت اكسبلورر 9 وايضا متصفح السفاري في الايباد والايفون ! الا انه لا يعمل بالشكل الصحيح على متصفح البلاكبيري والانترنت اكسبلورر 8 و 7 !

 

ايامكم سعيده

تعلم معي

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

- يباع الان في مكتبة دار الهجرة – الخبر.
- يباع ابتداء من السبت 02/05/2009 القادم في جميع فروع جرير في المملكة.
Continue reading

css3

السلام عليكم

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

بحثت عن الموضوع قليلا وحصلت اداة في الانترنت تفحص المتصفحات وقابليتها مع الـCSS3 فوجدت :

  • انترنت اكسبلورر 7 : From the 43 selectors 13 have passed, 4 are buggy and 26 are unsupported (Passed 330 out of 578 tests)
  • انترنت اكسبلورر 8 : From the 43 selectors 22 have passed, 1 are buggy and 20 are unsupported (Passed 349 out of 578 tests)
  • فايرفوكس 3 : From the 43 selectors 43 have passed, 0 are buggy and 0 are unsupported (Passed 578 out of 578 tests)

رابط الاداة

خلاصة الامر بان الcss3 الى الان لا يعتمد عليه في ظل عدم دعمه من قبل المتصفحات الشهيره ما بالك عندما يفتح الموقع بواسطة احد متصفحات الاجهزة الذكية كـpsp Brawser,nokia brawser !

روابط مفيدة

http://www.css3.info

http://www.css3.com

كتاب الاحتراف

يا هلا

قام الزميل نايف (albanner) بأعداد وتقديم كتاب جديد وهو في الحقيقة وكما اعتقد بأنه اول كتاب له وهو الان في طور الطباعة وقريبا سوف يرى النور

 

 

هذه صورة لغلاف الكتاب .

ويحتوى الكتاب بدايات التعلم في الـ

  • HTML
  • CSS
  • PHP
  • PHP5
  • MYSQL

ايضا يحتوى الكتاب على نصائح للمطورين كعمل خارطة للموقع .

ان شاء الله سوف اخطط للحصول على نسخة من الكتاب في المستقبل .

شكرا لك الزميل نايف على المجهود الطيب ومساعدة وتعليم الناس ايضا شكرا لك على المعلومات الحصرية :P

التعليقات في css

يا هلا .

عندما تقوم بكتابة اكواد css الخاصة بالستايل قم بادراج تعليقاتك على كل خاصية

 body {
background-color: #f3f4f5;
margin: 0px; /* 0 Space */
direction: rtl; /* To Arabic Lang */
}

وهذا سوف يساعدك في تذكر الخصاءص لتعديلها . وايضا لتسهيل تعديل الاكواد من اي شخص ثاني .

وايضا يمكنك استخدام بداية ملف الـCSS لكتابة تعليقات عامة مثل مصمم الستايل والنسخة ووو

/* Aldirazi.com
Wordpress Theme V3.1
Coded By Sadiq Aldirazi
Aldirazi@Live.com
*/

ايضا بامكانك فصل الستايلات الخاصة بكل فئة من التصميم كالهيدر والفوتر والمحتوى

/* — [Header] — */

/* — [Footer] — */

بالتوفيق ان شاء الله

CT – مدونة بطعم التكنولوجيا

السلام عليكم ..

افتتحت امس موقعي اليديد وهو بعنوان Colors Team

على الرابط

CT

سوف يكون فيها اخر يديد عن

  • الويب 2.0
  • الاجاكس والجافا سكربت
  • التصميم و CSS
  • الشركات واخر اخبار التقنية
  • SEO و ادوات مجانية
  • قوالب و ايقونات

بالتوفيق ان شاء الله