В сегодняшнем конкурсе GUI Challenge @AdamArgyleInk создает всплывающую подсказку с пользовательским элементом (без веб-компонента!), :has(), преобразованиями и логическими свойствами. Помимо небольшого резервного сценария для использования :has(), все это основано на CSS. Не пропустите программу чтения с экрана, ей, как обычно, уделяется особое внимание.
Главы:
- 0:00 - Введение
- 0:20 – Подсказки и подсказки Toggletips
- 2:22 — Обзор функций
- 6:25 – Пользовательский интерфейс программы чтения с экрана
- 9:06 – Дерево доступности
- 14:12 - :has()
- 14:55 - HTML
- 15:18 - УСС
- 18:50 - JavaScript
- 20:21 - Аутро
Ресурсы:
- Попробуйте демо → https://goo.gle/3SDW5YT
- Получить исходник → https://goo.gle/3SCNxBj
Посмотреть больше задач с графическим интерфейсом → https://goo.gle/GUIchallenges
Подписаться на раздел «Разработчики Google Chrome» → https://goo.gle/ChromeDevs.