В сегодняшнем конкурсе GUI Challenge @AdamArgyleInk создает пару плавающих кнопок действий (FAB) и рассказывает о соображениях UX и CSS для кнопок с фиксированным положением в Интернете.
Главы:
- 0:00 - Введение
- 0:43 - Логические свойства
- 1:50 – Дерево доступности
- 3:18 - Группа ФАБ
- 4:41 – Порядок фокуса и порядок документов
- 6:21 – .fabs CSS
- 7:16 – .fab CSS
- 12:54 - Анимация
- 14:02 - Аутро
Ресурсы:
- Попробуйте демо → https://goo.gle/3IgJEhr
- Получить исходник → https://goo.gle/3n4Sfcg
Посмотреть больше задач с графическим интерфейсом → https://goo.gle/GUIchallenges
Подписаться на раздел «Разработчики Google Chrome» → https://goo.gle/ChromeDevs.