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

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

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

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

ايامكم سعيده

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

مقدمة عن الكتاب:

وكثير ممن يرغب في تعلم لغة PHP يقف عند حاجز الشرح المتكامل عن لغة PHP، فتعلمك للغة PHP، لا يعني اتقانك لتصميم موقعا مميزا.

ولكن يفضل لكي تكون متقنا لإنشاء موقع الكتروني، أن تكون ملما بعدة اساسيات عن تكوين المواقع الديناميكية، وما حاجتك من اللغات البرمجية في تعلمها.

فقد جمعت لك في كتاب “تعلم معي” عدة لغات برمجية، وما تحتاج لتعلمه، لكي تنشئ موقعك الالكتروني على الانترنت، وبشكل متقن.

اللغات البرمجية:

- لغة HTML:
سوف تتعلم كيف تنشئ صفحة الكترونية، وتتعامل مع الجداول.

- لغة CSS:
سوف تتعلم كيف تصنع استايل خاص بموقعك، وفي اي بيئة.

- لغة PHP5:
سوف تتعلم كيف تجعل موقعك ديناميكي التفاعل.

- لغة MYSQL:
سوف تتعلم كيف تخزن معلوماتك في قاعدة البيانات.

- نصائح للمطورين:
سوف تتعلم كيف تسوق موقعك، وماهي اسرار نجاح المواقع الالكترونية.

لهذه الاسباب اعددت هذا الكتاب “تعلم معي” ..

غ�

سمعت من قبل عن الاصدار اليديد من 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

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

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

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

عندما تقوم بكتابة اكواد 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] — */

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

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

على الرابط

CT

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

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

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