Загрузка страницы

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
Показать
Комментарии отсутствуют
Введите заголовок:

Введите адрес ссылки:

Введите адрес видео с YouTube:

Зарегистрируйтесь или войдите с
Информация о видео
21 августа 2022 г. 23:11:48
00:22:32
Другие видео канала
НЕУДАЧИ, УСПЕХИ, ПЛАНЫ НА 2023 | ПОЖЕЛАНИЯ НА 2023 ГОД!НЕУДАЧИ, УСПЕХИ, ПЛАНЫ НА 2023 | ПОЖЕЛАНИЯ НА 2023 ГОД!10. Карточки новостей | Создаем свою UI библиотеку10. Карточки новостей | Создаем свою UI библиотеку9. Модальное окно & popup | Создаем свою UI библиотеку9. Модальное окно & popup | Создаем свою UI библиотеку8. Меню навигации в темах | Создаем свою UI библиотеку8. Меню навигации в темах | Создаем свою UI библиотеку7. Поля ввода | Создаем свою UI библиотеку7. Поля ввода | Создаем свою UI библиотеку6. Кастомные CHECKBOX и SWITCH | Создаем свою UI библиотеку6. Кастомные CHECKBOX и SWITCH | Создаем свою UI библиотеку5. Выпадающее меню, dropdown | Создаем свою UI библиотеку5. Выпадающее меню, dropdown | Создаем свою UI библиотеку4. Подсказки, tooltips | Создаем свою UI библиотеку4. Подсказки, tooltips | Создаем свою UI библиотеку3. Кнопки | Создаем свою UI библиотеку3. Кнопки | Создаем свою UI библиотеку2. Добавление фавиконки / favicon | Создаем свою UI библиотеку2. Добавление фавиконки / favicon | Создаем свою UI библиотеку1. Подготовка создания сайта | Создаем свою UI библиотеку1. Подготовка создания сайта | Создаем свою UI библиотеку8. Верстаем страницу товара магазина | HTML & CSS курс 2.08. Верстаем страницу товара магазина | HTML & CSS курс 2.07. Верстаем страницу фильма | HTML & CSS курс 2.07. Верстаем страницу фильма | HTML & CSS курс 2.06. Основы CSS | HTML & CSS курс 2.06. Основы CSS | HTML & CSS курс 2.05. HTML теги и атрибуты (часть 2) | HTML & CSS курс 2.05. HTML теги и атрибуты (часть 2) | HTML & CSS курс 2.04. HTML теги и атрибуты (часть 1) | HTML & CSS курс 2.04. HTML теги и атрибуты (часть 1) | HTML & CSS курс 2.03. Начальная структура HTML | HTML & CSS курс 2.03. Начальная структура HTML | HTML & CSS курс 2.02. История HTML & CSS | HTML & CSS курс 2.02. История HTML & CSS | HTML & CSS курс 2.01. Что такое HTML & CSS | HTML & CSS курс 2.01. Что такое HTML & CSS | HTML & CSS курс 2.0Полный курс Vue 3 | #6 Компоненты, слоты, передача информации между компонентамиПолный курс Vue 3 | #6 Компоненты, слоты, передача информации между компонентамиПолный курс Vue 3 | #5 Форма отзыва с фото во VueПолный курс Vue 3 | #5 Форма отзыва с фото во Vue
Яндекс.Метрика