Как сделать БУРГЕР МЕНЮ на ЧИСТОМ HTML и CSS без JAVASCRIPT

preview_player
Показать описание
В этом видео вы научитесь создавать меню бургер на HTML и CSS, без JavaScript

⏱Таймкоды:
0:00 - Введение
0:31 - Разметка
1:02 - Стилизация бургера
1:56 - Стилизация списка
2:29 - Заключение

#html #css #javascript #frontend #фронтенд #alixhatsu
  1. AlixHatsu
  2. html
  3. css
  4. js
  5. javascript
  6. alixhatsu
Рекомендации по теме
Меню бургер за 0:13:17

Меню бургер за 10мин для начинающих! Очень простой способ. Мобильное меню. Код из видео в описании)...

Бургер меню - 0:22:34

Бургер меню - просто. HTML + CSS + JS

Правильное адаптивное меню 0:23:15

Правильное адаптивное меню бургер на HTML CSS и jQuery. Мобильное меню туториал // Как это сделать?...

Как сделать БУРГЕР 0:02:53

Как сделать БУРГЕР МЕНЮ на ЧИСТОМ HTML и CSS без JAVASCRIPT

бургер меню css 0:16:51

бургер меню css (без javascript)

Правое бургер меню 0:43:19

Правое бургер меню - подробное объяснение. HTML + CSS + JS

Как сделать на 0:02:57

Как сделать на сайте меню бургер с помощью HTML/CSS?

Адаптивное бургер меню 0:13:08

Адаптивное бургер меню на React JS. Переиспользуемое выезжающее меню на React js...

Секреты кухни от 0:58:23

Секреты кухни от продукта до кулинарного шедевра. В гостях шеф-повар Алиса Полунина...

Анимация меню бургер 0:05:57

Анимация меню бургер | как сделать простое css выпадающее меню бургер с минимум js...

Бургер меню без 0:24:53

Бургер меню без библиотек на чистом JavaScript + плавный скролл к ссылкам...

Верстаем бургер (HTML, 0:13:02

Верстаем бургер (HTML, CSS, JS)

Рецепт Идеального БУРГЕРА 0:05:01

Рецепт Идеального БУРГЕРА в Домашних Условиях! 🍔

Как сделать бургер 0:15:11

Как сделать бургер меню в Figma и Webflow

Верстка Organic Juicy 0:51:00

Верстка Organic Juicy Co. Часть 7. Как сделать бургер меню на сайте? (html, css, js, бэм, grid)...

Бургер меню на 0:20:33

Бургер меню на HTML, CSS, JS

Бургер-меню для телефонов 0:31:45

Бургер-меню для телефонов в ZERO BLOCK Tilda

Меню бургер на 0:55:20

Меню бургер на чистом JavaScript. Многоуровневое меню и плавная прокрутка к разделу на HTML CSS JS...

Простое бургер-меню на 0:26:55

Простое бургер-меню на чистом JS за 25 минут

Как создать бургер-меню 0:12:55

Как создать бургер-меню на HTML, CSS, JQuery / How to create a burger menu in HTML, CSS, JQuery...

HTML код бургер 0:04:12

HTML код бургер меню для таплинка

Анимация бургер меню 0:16:14

Анимация бургер меню на CSS и JavaScript

Ameriman Boy 🇺🇸 0:00:34

Ameriman Boy 🇺🇸

Как сделать адаптивное 0:09:47

Как сделать адаптивное меню за 10 минут. Вёрстка бургер меню на HTML CSS JS. Speed coding...

Комментарии
Автор

Это очень круто!
Спасибо что создаешь такой полезный контент ;)
Ожидаем новых видео ❤

Hazert
Автор

Действительно лучший чел
Хоть кто то делает реально полезный, понятный и интересный контент для новичков и не Только
Благодаря тебе я смог научиться пользоваться всем чем мои друзья только и мечтают понять
Спасибо тебе большое

maintro
Автор

Большое спасибо за подробное видео! В описании готового кода только не нашла(

rita.volchk
Автор

Спс хоть особо не делаю сайти основном на python но полезно

ggInzox
Автор

что ты думаешь про tailwind css? почему не используешь его?

bozzhik
Автор

Вопрос у тебя же ноут как у тебя не вебки??

Ashrow
Автор

А всё проще намного я думал там запара жесть а там просто всё

KaliCannel
Автор

> На чистом HTML и CSS без JavaScript

А зачем? Инструменты нужно использовать по назначению. То, что должно быть интерактивным при клике, нужно делать при помощи JavaScript, он для этого и предназначен. Чекбокс - это элемент формы для выбора значения. Такой хак с чекбоксом в профессиональной разработке интерфейсов считается плохой практикой и антипаттерном. Во-первых идёт завязка на структуру в HTML и малейшее изменение порядка элементов или добавление обёрток сломает соседний селектор. Во-вторых это делает меню недоступным для вспомогательных технологий и путает пользователей. Не надо делать бургер-меню только на HTML и CSS.

alexnozer