TOOLTIP को हल करने के तरीकों पर ध्यान देना
संग्रह की मदद से व्यवस्थित रहें
अपनी प्राथमिकताओं के आधार पर, कॉन्टेंट को सेव करें और कैटगरी में बांटें.
आज के जीयूआई चैलेंज में @AdamArgyleInk ने कस्टम एलिमेंट के साथ एक टूलटिप बनाया है, जिसमें वेब कॉम्पोनेंट नहीं है! :has(), ट्रांसफ़ॉर्म, और लॉजिकल प्रॉपर्टी. :has() के इस्तेमाल के लिए एक छोटी बैकअप स्क्रिप्ट के अलावा, यह सारी सीएसएस का इस्तेमाल करती है. हमेशा की तरह, स्क्रीन रीडर का इस्तेमाल करना न भूलें. इस पर खास ध्यान दिया गया है.
चैप्टर:
- 0:00 - परिचय
- 0:20 - टूलटिप बनाम टूलटिप
- 2:22 - सुविधा की खास जानकारी
- 6:25 - स्क्रीन रीडर UX
- 9:06 - सुलभता ट्री
- 14:12 - :has()
- 14:55 - एचटीएमएल
- 15:18 - सीएसएस
- 18:50 - JavaScript
- 20:21 - आउट्रो
संसाधन:
GUI से जुड़ी और चुनौतियां देखें → https://goo.gle/GUIchallenges
Google Chrome Developers की सदस्यता लें → https://goo.gle/ChromeDevs
arrow_back सभी एपिसोड पर वापस जाएं
जब तक कुछ अलग से न बताया जाए, तब तक इस पेज की सामग्री को Creative Commons Attribution 4.0 License के तहत और कोड के नमूनों को Apache 2.0 License के तहत लाइसेंस मिला है. ज़्यादा जानकारी के लिए, Google Developers साइट नीतियां देखें. Oracle और/या इससे जुड़ी हुई कंपनियों का, Java एक रजिस्टर किया हुआ ट्रेडमार्क है.
आखिरी बार 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) को अपडेट किया गया."],[],[]]