تصميم مواقع الويب للمبتدئين شرح css3
بعد أن انتهينا من الأجزاء السابقة من دورة css للمبتدئين ، حان وقت التطرق للجديد والإضافات التي جاءت بها css3 الإصدار الأخير للغة css ، وإن صادفت يوما إصدارا مثل 3.1 أو 3.2 فهي مجرد تحديثات لللإصدار الثالث والأخير ، وأغلبها تحديثات مدعومة بشكل جزئي ولا تزال قيد التجربة ، فما يهمنا نحن هي الخصائص الجديدة التي جاءت بها css3 والمدعومة غالبا من كل المتصفحات بشكل واسع الآن بحيث انتشر استخدامها من طرف مصممي ومطوري الويب والتطبيقات .
ولضمان دعم كافة المتصفحات لخصائص css3 وخصوصا الإصدارات الأقدم تم ابتكار ما يسمى بالبادئات Prefixes ، وتكتب قبل الخاصية وهي أربعة أنواع تستخدم حسب الحاجة وسيأتي يوم لن تحتاج إليها نهائيا ، وهذه البادئات هي :
-moz- : وتستخدم لمتصفحات Firefox
-webkit- : وتستخدم لمتصفحات Chrome و Safari
-o- : وتستخدم لمتصفحات Opera
-ms- : لمتصفح Internet Explorer
وقد شرحت بالتفصيل هذه البادئات وضرورتها وكيف تجعل محرر Brackets يطبعها تلقائيا نيابة عنك ، في هذا الدرس :
فيديو الدرس 22
وفي الدرس الموالي بدأنا في شرح أول خصائص css3 وهي خاصية Border-radius وتستخدم لعمل تأثير الإنحناء :
فيديو الدرس 23
وفي الدرس الرابع والعشرين شرحت خاصية box-shadow وكيفية عمل تأثير الظل حول حدود العنصر والتحكم فيه عن طريق تغيير القيم .
فيديو الدرس 24
وفي الدرس الخامس والعشرين شرحت خاصية box-sizing وأهميتها والمشاكل التي تحلها في التصميم .
فيديو الدرس 25
وفي الدرس السادس والعشرين شرحت خاصية background-size ، وتستخدم مع الخلفيات من النوع صورة background-image للتحكم في حجم الصورة .
فيديو الدرس 26
وفي الدرس السابع والعشرين شرحت خاصية background-origin ، وتستخدم مع الخلفيات من النوع صورة background-image للتحكم في حجم تغطية الصورة الخلفية .
فيديو الدرس 27
ستتم إضافة بقية الدروس تباعا إن شاء الله .
روابط دورة css من بدايتها