आज के जीयूआई चैलेंज में @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 - आउट्रो
संसाधन:
- डेमो आज़माएं → https://goo.gle/3SDW5YT
- सोर्स की जानकारी पाएं → https://goo.gle/3SCNxBj
GUI से जुड़ी और चुनौतियां देखें → https://goo.gle/GUIchallenges
Google Chrome Developers की सदस्यता लें → https://goo.gle/ChromeDevs