Dalam Tantangan GUI hari ini, @AdamArgyleInk membuat tooltip dengan elemen kustom (tanpa komponen web!), :has(), transformasi, dan properti logika. Selain skrip cadangan kecil untuk penggunaan :has(), semuanya didukung oleh CSS. Jangan lewatkan pengalaman pembaca layar, karena pengalaman ini mendapat perhatian khusus, seperti biasanya.
Segmen:
- 0.00 - Pendahuluan
- 0:20 - Tooltip vs Tips Beralih
- 2:22 - Ikhtisar Fitur
- 6:25 - UX Pembaca Layar
- 9:06 - Pohon Aksesibilitas
- 14.12 - :has()
- 14.55 - HTML
- 15.18 - CSS
- 18.50 - JavaScript
- 20.21 - Outro
Referensi:
- Coba demo → https://goo.gle/3SDW5YT
- Dapatkan sumbernya → https://goo.gle/3SCNxBj
Tonton Tantangan GUI lainnya → https://goo.gle/GUIchallenges
Berlangganan Developer Google Chrome → https://goo.gle/ChromeDevs