تحسين Accessibility | CSS Focus States الطريقة الصح
تأثير تركيز (Focus) في CSS يشير إلى حالة عنصر HTML عندما يتم تحديده أو تحديد تركيزه بواسطة المستخدم، عادةً باستخدام لوحة المفاتيح أو الماوس. عندما يتم وضع التركيز على عنصر، يمكن للمطورين تخصيص التصميم والأنماط الخاصة بهذا الحالة باستخدام خصائص CSS المخصصة لحالة التركيز. يمكن استخدام التركيز لتحسين تجربة المستخدم وتسهيل التنقل والتفاعل مع الموقع على الويب.
روابط القناة على جميع المنصات
يوتيوب | / @mhmajeid
تلقرام | https://t.me/mhmajeid
الفيسبوك | / @mhmajeid
انستجرام | / mhmajeid
تويتر اكس | / mhmajeid
تيكتوك | https://www.tiktok.com/mhmajeid
ديسكورد | / discord
❤️رابط دعم القناة:
/ @mhmajeid
🎥فيديوهات قد تهمك
👈أسهل طريقة لبدء استخدام CSS GRID • أسهل طريقة لبدء استخدام CSS GRID
👈defer Attribute In JavaScript | • The Complete defer Attribute Tutorial
👈How To Create Filter/Search List In JavaScript • JavaScript Filter Tutorial for Beginners
👈not() Selector In CSS • 19- not() Selector In CSS | Learn CSS
👈has() Selector In CSS • 18- has() Selector In CSS | Learn CSS
👈is() selector In CSS • 17 شرح خاصية :is() في CSS | اختصر الكود ور...
👈New CSS nth-child() number of class • 16- New CSS nth-child() number of class | ...
👈أخطاء قد تفعلها دون أن تعرفها - احذر الوقوع فيها ! • أخطاء قد تفعلها دون أن تعرفها - احذر الوقو...
👈Gradient Borders in CSS • Border-image Linear Gradient شرح كامل
👈CSS Before and After Pseudo elements • Before and After في CSS | من الأساسيات للت...
👈 تحسين تلميحات التحقق من صحة المدخلات الخاص بك بدون JS! • تحسين تلميحات التحقق من صحة المدخلات الخاص...
👈استدعاء واستخدام Font awesome 6 في المواقع • STOP Wasting Time With Outdated Fonts, Use...
00:00 | المقدمة
00:14 | شرح focus في CSS
01:43 | شرح focus-within
03:57 | شرح focus-visible
05:27 | الفرق بين حالات focus