UI-компоненты №14. Простое бургер-меню
Привет!
В этой части ui-компонентов я покажу, как сделать простое бургер меню для сайта, которое вы будете встречать в 90% лендингов в работе)
Содержание:
00:00 - Интро
00:45 - Пишем HTML
01:50 - Пишем CSS
16:51 - Пишем JS
21:34 - Решаем несколько проблем
28:20 - Аутро
https://github.com/maxdenaro/maxgraph-youtube-source/tree/master/UI-%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D1%8B%20%E2%84%9614.%20%D0%9F%D1%80%D0%BE%D1%81%D1%82%D0%BE%D0%B5%20%D0%B1%D1%83%D1%80%D0%B3%D0%B5%D1%80-%D0%BC%D0%B5%D0%BD%D1%8E - готовая верстка на GitHub
Меня зовут Максим Васянович. Фрилансер уже 5 лет, создал более 50 коммерческих сайтов. Преподаватель в онлайн-университете Skillbox, автор курса Веб-верстка.
Понравилось? https://clck.ru/Gr9Ec
Моя страница вконтакте: http://vk.com/maxdenaro
Мой блог: http://blog.maxgraph.ru
Мой сайт: http://maxgraph.ru
Канал в телеграм: https://teleg.run/maxgraph
Чат для верстальщиков: https://teleg.run/maxgraph_chat
Для заказа верстки обращайтесь в телеграм @maxdenaro
#ityoutubersru #ui_компоненты #верстка
Видео UI-компоненты №14. Простое бургер-меню канала MaxGraph - cайты как страсть
В этой части ui-компонентов я покажу, как сделать простое бургер меню для сайта, которое вы будете встречать в 90% лендингов в работе)
Содержание:
00:00 - Интро
00:45 - Пишем HTML
01:50 - Пишем CSS
16:51 - Пишем JS
21:34 - Решаем несколько проблем
28:20 - Аутро
https://github.com/maxdenaro/maxgraph-youtube-source/tree/master/UI-%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D1%8B%20%E2%84%9614.%20%D0%9F%D1%80%D0%BE%D1%81%D1%82%D0%BE%D0%B5%20%D0%B1%D1%83%D1%80%D0%B3%D0%B5%D1%80-%D0%BC%D0%B5%D0%BD%D1%8E - готовая верстка на GitHub
Меня зовут Максим Васянович. Фрилансер уже 5 лет, создал более 50 коммерческих сайтов. Преподаватель в онлайн-университете Skillbox, автор курса Веб-верстка.
Понравилось? https://clck.ru/Gr9Ec
Моя страница вконтакте: http://vk.com/maxdenaro
Мой блог: http://blog.maxgraph.ru
Мой сайт: http://maxgraph.ru
Канал в телеграм: https://teleg.run/maxgraph
Чат для верстальщиков: https://teleg.run/maxgraph_chat
Для заказа верстки обращайтесь в телеграм @maxdenaro
#ityoutubersru #ui_компоненты #верстка
Видео UI-компоненты №14. Простое бургер-меню канала MaxGraph - cайты как страсть
Показать
Комментарии отсутствуют
Информация о видео
1 февраля 2022 г. 20:00:13
00:29:14
Другие видео канала
Разбор ваших работ по верстке онлайн. Советы по верстке. №35№6. Создание Яндекс.карты на сайте. Фильтрация меток на картеJS-решения №24. Превращение блоков в слайдер (swiper.js) при ресайзе. Универсальная функцияВерстаю сайт в прямом эфире. Часть 2. Отвечаю на ваши вопросыКому нужна платная фигма, когда есть это? Плагин Inspect StylesРазбор ваших работ по верстке онлайн. Советы по верстке. №34Figma Dev Mode. Новые фишки, мое мнение, и что нам делать дальшеПравильный порядок состояний (focus, hover, active) для элементовКак сверстать сайт по макету. Пошаговый планРазбор ваших работ по верстке онлайн. Советы по верстке. №33Единицы измерения CSS. Px, em или rem - что использовать?Назначение HTML-тегов в верстке №5. Теги картинок, ссылок, списков и интерактиваМой новый проект для развития навыков верстки - verstaem.onlineНазначение HTML-тегов в верстке №4. Теги формАдаптивная верстка сайта с нуля с пояснениями. Gulp, SCSS, CSS Grid, БЭМ. Макет RecidivizРазбор ваших работ по верстке онлайн. Советы по верстке. №32Назначение HTML-тегов в верстке №3. Семантические тегиРазбор ваших работ по верстке онлайн. Советы по верстке. №31Разбор тега picture. Для чего нужен, синтаксис, примерыНазначение HTML-тегов в верстке №2. Теги форматированияНазначение HTML-тегов в верстке №1. Базовые теги