В сегодняшнем задании по графическому интерфейсу мы создаем компонент вкладок с некоторыми действительно интересными функциями, о которых вы, возможно, даже не задумывались. Наш компонент вкладок отзывчив, поддерживает ввод данных с нескольких устройств, работает во всех браузерах и позволяет имитировать некоторые полезные функции, которые вам нравятся в приложениях.
@AdamArgyleInk будет отвечать на ваши комментарии в течение первых 30 минут после выхода эпизода. Свяжитесь с нами здесь, задайте вопросы или отправьте свой собственный код!
Главы:
- 0:00 - Введение
- 0:42 – Обзор возможностей
- 3:03 – HTML
- 4:14 – Прокрутка
- 5:04 – Проверка макетов
- 7:35 – Стили макета
- 12:10 – предпочитает замедленное движение
- 13:10 – JavaScript и анимация
- 14:37 - Заключение
Ресурсы:
- Читать дальше → https://goo.gle/37jHOen
- Попробовать демо → http://goo.gle/3prCpb2
- Получить исходник → http://goo.gle/2NsK7EK
- @ScrollTimeline Polyfill → http://goo.gle/2NfUhZs
Посмотреть больше задач с графическим интерфейсом → https://goo.gle/GUIchallenges
Подписаться на рассылку для разработчиков Google Chrome → http://goo.gl/LLLNvf