আজকের GUI চ্যালেঞ্জে, @AdamArgyleInk একটি কাস্টম উপাদান (কোনও ওয়েব উপাদান নেই!), :has(), রূপান্তর এবং লজিক্যাল বৈশিষ্ট্য সহ একটি টুলটিপ তৈরি করে৷ :has() ব্যবহারের জন্য একটি ছোট ব্যাকআপ স্ক্রিপ্ট ছাড়াও, এটি সমস্ত CSS চালিত। স্ক্রিন রিডারের অভিজ্ঞতা মিস করবেন না, এটি স্বাভাবিকের মতো বিশেষ মনোযোগ পেয়েছে।
অধ্যায়:
- 0:00 - ভূমিকা
- 0:20 - টুলটিপস বনাম টগলটিপস
- 2:22 - বৈশিষ্ট্য ওভারভিউ
- 6:25 - স্ক্রিন রিডার UX
- 9:06 - অ্যাক্সেসিবিলিটি ট্রি
- 14:12 - :has()
- 14:55 - HTML
- 15:18 - CSS
- 18:50 - জাভাস্ক্রিপ্ট
- 20:21 - আউটরো
সম্পদ:
- একটি ডেমো চেষ্টা করুন → https://goo.gle/3SDW5YT
- উত্সটি পান → https://goo.gle/3SCNxBj ৷
আরও GUI চ্যালেঞ্জ দেখুন → https://goo.gle/GUIchallenges
Google Chrome বিকাশকারীদের সদস্যতা নিন → https://goo.gle/ChromeDevs ৷