SWIPE / TOGGLE / ВЫДВИЖНОЕ МЕНЮ • HTML & CSS & JS ПРАКТИКА
Дружище, я помог тебе? Подари мне кофе ➡☕ https://yoomoney.ru/to/4100118065342340
Выдвижное / Swipe / Toggle меню: https://codepen.io/rah_emil/pen/dymaxqV
EasyToggler: https://github.com/rah-emil/easy-toggler (⭐)
Hammer.js: https://github.com/hammerjs/hammer.js
Друзья! В этом видео мы делаем меню, которое выдвигается слева-направо путём кликов по кнопкам, а также Swipe-жестами. Минимум JavaScript кода! Получилось красиво, и всего за 20 минут😎
========================================
Содержание:
00:00 - начинаем
00:30 - вёрстка
11:10 - реализуем toggle меню (EasyToggler)
16:08 - реализуем swipe жесты
21:38 - гордимся собой и результатом
========================================
https://avis-agency.ru - создание сайтов под ключ
https://rah-emil.ru - мой сайт и соц. сети
Видео SWIPE / TOGGLE / ВЫДВИЖНОЕ МЕНЮ • HTML & CSS & JS ПРАКТИКА канала AVIS TV
Выдвижное / Swipe / Toggle меню: https://codepen.io/rah_emil/pen/dymaxqV
EasyToggler: https://github.com/rah-emil/easy-toggler (⭐)
Hammer.js: https://github.com/hammerjs/hammer.js
Друзья! В этом видео мы делаем меню, которое выдвигается слева-направо путём кликов по кнопкам, а также Swipe-жестами. Минимум JavaScript кода! Получилось красиво, и всего за 20 минут😎
========================================
Содержание:
00:00 - начинаем
00:30 - вёрстка
11:10 - реализуем toggle меню (EasyToggler)
16:08 - реализуем swipe жесты
21:38 - гордимся собой и результатом
========================================
https://avis-agency.ru - создание сайтов под ключ
https://rah-emil.ru - мой сайт и соц. сети
Видео SWIPE / TOGGLE / ВЫДВИЖНОЕ МЕНЮ • HTML & CSS & JS ПРАКТИКА канала AVIS TV
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
НЕУДАЧИ, УСПЕХИ, ПЛАНЫ НА 2023 | ПОЖЕЛАНИЯ НА 2023 ГОД!10. Карточки новостей | Создаем свою UI библиотеку9. Модальное окно & popup | Создаем свою UI библиотеку8. Меню навигации в темах | Создаем свою UI библиотеку7. Поля ввода | Создаем свою UI библиотеку6. Кастомные CHECKBOX и SWITCH | Создаем свою UI библиотеку5. Выпадающее меню, dropdown | Создаем свою UI библиотеку4. Подсказки, tooltips | Создаем свою UI библиотеку3. Кнопки | Создаем свою UI библиотеку2. Добавление фавиконки / favicon | Создаем свою UI библиотеку1. Подготовка создания сайта | Создаем свою UI библиотеку8. Верстаем страницу товара магазина | HTML & CSS курс 2.07. Верстаем страницу фильма | HTML & CSS курс 2.06. Основы CSS | HTML & CSS курс 2.05. HTML теги и атрибуты (часть 2) | HTML & CSS курс 2.04. HTML теги и атрибуты (часть 1) | HTML & CSS курс 2.03. Начальная структура HTML | HTML & CSS курс 2.02. История HTML & CSS | HTML & CSS курс 2.01. Что такое HTML & CSS | HTML & CSS курс 2.0Полный курс Vue 3 | #6 Компоненты, слоты, передача информации между компонентамиПолный курс Vue 3 | #5 Форма отзыва с фото во Vue