Как сделать правильное dropdown меню?

В интернете кучу вариантов dropdown меню, опытные ребята подскажите как правильно чтобы не "схавать" какой нибудь галимый контент и не тащить его из сайта в сайт.
Нужно реализовать к примеру меню с одним подменю
В интернете кто как его только не верстает
Есть выпадение меню например про hover, а есть при клике по нему
вот например
https://codepen.io/tutsplus/pen/bGVPVrY взял с этого гайда, хорош ли он ? https://webdesign-tutsplus-com.translate.goog/arti...
Вот второе меню, тут уже нужно просто наводиться чтобы подменю выскакивало
https://www.cssscript.com/demo/responsive-single-l...
Есть меню на HTML,CSS,JS
А есть на чистом CSS
В чем их отличия если работают абсолютно одинаково?
  • Вопрос задан
  • 358 просмотров
Пригласить эксперта
Ответы на вопрос 2
Liatano
@Liatano
Лично мое мнение такое:
1. То, что может быть сделано на css без извращений, должно быть сделано на css. Это надежней и качественней в работе.
2. Если пользователь водит мышкой по экрану - меню должно выпадать по наведению, если оно не спрятано в бургер-кнопку
3. Это уже вкусовщина, но делать списками то, что не является списками(в данном случае меню) - для меня такой же атавизм, как верстать весь сайт таблицами
Ответ написан
@strelok011
Дополню немного куратора - ваше меню должно решать ВАШУ проблему.
Всякие образцы в интернете - могут решать а могут и не полностью. Работает ли адаптив для разных разрешений, поддерживается ли тач, сколько уровней вложенности, нужно ли скрывать скролл для длинных списков (и всё же меню - это именно список), нужно ли скрывать подменять десктопное меню на мобильное...
Когда составите список требований - тогда и только тогда нужно будет подбирать конкретную реализацию, либо опираясь на примеры пилить своё.
Халтура - она не универсальная :)
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы