টুলটিপস সমাধানের উপায় নিয়ে চিন্তা করা

আজকের 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 - আউটরো

সম্পদ:

আরও GUI চ্যালেঞ্জ দেখুন → https://goo.gle/GUIchallenges

Google Chrome বিকাশকারীদের সদস্যতা নিন → https://goo.gle/ChromeDevs ৷

সব পর্বে ফিরে যান