نجد الكثير من المواقع تطبق مميزات CSS3 في الوقت الحالي على تصاميمها حتى المواقع المشهورة والكبيرة تجد تصاميمها تستخدم خصائص CSS3. بالرغم من الدعم المحدود من بعض متصفحات الويب لها (مدعومة لمتصفح Firefox 3+ و Safari 3 و Google Crome في الوقت الحالي) إلا أن أولوية إستخدامها موجودة على الأقل كلمسات أخيره على التصميم.
ومن قبل مصممي المواقع العرب أيضاً نجد الكثير بدأ بإعتماد CSS3 على التصاميم منذ فترة، وقد يؤشر كل هذا إلى قرب إعتماد دعمه من قبل المتصفحات في الفترة القادمة مثل تدعيم الإصدار التاسع القادم من متصفح الإكسبلورر لخصائص CSS3. ستكون هذه التدوينة بداية سلسلة من الدروس البسيطة والخفيفة عن CSS3 سأقدمها لكم بجانب المواضيع التي أكتبها في المدونة.
وسبق أن كتبت موضوع سابق عن مصادر حول CSS3، كان الموضوع جمع للروابط وتوضيح لفكرة كل ميزة من مزايا CSS3، فأحببت أن تكون هذه سلسلة من الدروس العملية حول CSS3 مع أنه قد لا تناسب جميع المصممين لأن نسبة كبيرة منهم لهم دراية كافية حول هذه التقنية عبر كثير من المصادر الأجنبية ولكن فضلت أن أكتب هذه الدروس بأسلوبي وسأحاول عمل أمثلة جديدة تابعه لهذه الدروس.
عند الإنتهاء من جميع دروس هذه السلسلة سأضع قائمة الدروس من خلال هذه التدوينة، لتكون مرجع لها بشكل دائم وهو سبب كتابتي لهذا الموضوع.
مواضيع سلسلة تطبيقات على CSS3
- تطبيق الحواف الدائرية
- تطبيق تعدد الأعمدة
- تطبيق تحريك العناصر
- تطبيق الظلال
- تطبيق تعدد الخلفيات
- تطبيق تحديد خط معين
- تطبيق التدرجات
مواضيع متعلقة بتقنية CSS3
بعض الروابط حول تقنية CSS3:
- Browser Support Checklist، صفحة خاصة بعرض المتصفحات الداعمة لكافة مميزات CSS3 إضافة إلى HTML5.
- ما الجديد؟: مع CSS3 الحياة أحلى
- افكار كانت معقدة اصبحت بسيطة بواسطة Css3
- 70 Must-Have CSS3 and HTML5 Tutorials and Resources
- CSS3 Exciting Functions and Features: 30+ Useful Tutorials
- CSS3 و تأثيرات النص المختلفة، يتضمن ملف Cheat Sheet خاص بتقنية CSS.
بارك الله فيكم على الموضوع الرائع
لكن المشكلة أنه لا تزال هناك مصادر عربية ناقصة حول HTML 5 – CSS3
نحتاج إلى تطبيقات قوية عن ذلك
تحياتي و بارك الله فيكم
أظن أن مسالة دعم css3 في المواقع العربية الأن ما هي إلا مسايرة لهوجة التجديد، أو من باب العلم بالشيء، و موضوع أن IE9 يدعمها لا يدعوا للتفائل خاصة وأنه يعمل فقط كما علمت على ويندوز 7.. حتى أن المدونات التى كتبت عنها أشبهها بمواقع التقنية التى تلهث وراء الجديد و تنقل لقرائها ما تكتبه المدونات والمواقع العالمية من الأخبار والإصدارات.
أما من الناحية التعليمية رأيي أن لا نتعجل في الحديث عنها من قبل أن يكون لدينا كم معلومات محترم حول css2 وتطبيقاتها وبنيه أساسية ومدخل يبدأ منه المبتدئ التائه وسط كل هذا الجديد!
أتمنى لك التوفيق.
أتفق معك بخصوص الإصدار التاسع لمتصفح الإكسبلورر، نعم المشكلة أنه يعمل فقط على ويندوز 7 بهذا لن يستفيد عدد من مستخدمي إصدارات نظام الويندوز القديمة وأعتقد أنهم كثر.
أما النقطة التي ذكرتها بخصوص تعليم CSS3 أو الكتابة عنها فأنا لا أرى مانع من البدأ بأي درس من أي مستوى ما دامت هناك مواضيع ومواقع ومدونات أخرى تهتم عن CSS2 ولا زالت وهناك مصادر كثيرة عن CSS2 عربية وأجنبية، وتعتمد حالياً عدة مواقع خصائص CSS3 كلمسة أخيرة كما ذكرت في التدوينة.
أشكرك على تعليقك.
بارك الله فيك،، متابعه دروسك، درس بدرس،،
[...] تطبيقات على CSS3: تحديد خط معين 11 مايو 2010 [...]
[...] تطبيقات على CSS3: تعدد الخلفيات 5 أبريل 2010 [...]
[...] تطبيقات على CSS3: تحريك العناصر 27 مارس 2010 [...]
[...] تطبيقات على CSS3: تعدد الأعمدة 26 مارس 2010 [...]
[...] تطبيقات على CSS3: الحواف الدائرية 25 مارس 2010 [...]