টুলটিপস সমাধানের উপায় নিয়ে চিন্তা করা
সেভ করা পৃষ্ঠা গুছিয়ে রাখতে 'সংগ্রহ' ব্যবহার করুন
আপনার পছন্দ অনুযায়ী কন্টেন্ট সেভ করুন ও সঠিক বিভাগে রাখুন।
আজকের 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 ৷
arrow_back সব পর্বে ফিরে যান
অন্য কিছু উল্লেখ না করা থাকলে, এই পৃষ্ঠার কন্টেন্ট Creative Commons Attribution 4.0 License-এর অধীনে এবং কোডের নমুনাগুলি Apache 2.0 License-এর অধীনে লাইসেন্স প্রাপ্ত। আরও জানতে, Google Developers সাইট নীতি দেখুন। Java হল Oracle এবং/অথবা তার অ্যাফিলিয়েট সংস্থার রেজিস্টার্ড ট্রেডমার্ক।
2022-10-05 UTC-তে শেষবার আপডেট করা হয়েছে।
[[["সহজে বোঝা যায়","easyToUnderstand","thumb-up"],["আমার সমস্যার সমাধান হয়েছে","solvedMyProblem","thumb-up"],["অন্যান্য","otherUp","thumb-up"]],[["এতে আমার প্রয়োজনীয় তথ্য নেই","missingTheInformationINeed","thumb-down"],["খুব জটিল / অনেক ধাপ","tooComplicatedTooManySteps","thumb-down"],["পুরনো","outOfDate","thumb-down"],["অনুবাদ সংক্রান্ত সমস্যা","translationIssue","thumb-down"],["নমুনা / কোড সংক্রান্ত সমস্যা","samplesCodeIssue","thumb-down"],["অন্যান্য","otherDown","thumb-down"]],["2022-10-05 UTC-তে শেষবার আপডেট করা হয়েছে।"],[],[]]