Плавное выпадающее меню на чистом JAVASCRIPT. Доступность

Поділитися
Вставка
  • Опубліковано 20 гру 2024

КОМЕНТАРІ • 52

  • @ewewezze
    @ewewezze 4 місяці тому +4

    ля мама, что за мужчина, лучший в мире мужчина, чемпион среди мужчин. Раздал стиля своей вечеринкой. Господи что за генератор лютого кайфа. Спасибо что ты есть. Красавчик.

  • @IrynaPokazachenko
    @IrynaPokazachenko 3 місяці тому +1

    читый кайф с ним учиться и писать , джава-скриптизер )))) наслаждение с улыбкой практиковаться ))) супер
    эмоций через край )

  • @KIREKSSHOW
    @KIREKSSHOW 4 місяці тому +3

    Давай курс, давно ждем

  • @skrumy6062
    @skrumy6062 4 місяці тому +4

    Жду курс по js, бодро и уверенно ворвусь на вечеринку джаваскриптизеров

  • @AJAX-frontender
    @AJAX-frontender 4 місяці тому +2

    Спасибо за вечеринку, Вадим!!!)

  • @ИгорьГлазков-с1б
    @ИгорьГлазков-с1б 4 місяці тому

    Спасибо Вадим. Всё прекрасно изложил и показал на практике.

  • @ВладиславПанков-е2ж
    @ВладиславПанков-е2ж 4 місяці тому +2

    вечеринка с JS это класс

  • @evgeniyprowork
    @evgeniyprowork 3 місяці тому

    а по возможности сделай видос по аксесибилити, т.е. верстка пусть даже лендоса но маскисмально под скрин ридер, включая блоки с анимацией, а то периодически бывают таски где у клиента например дропдаун меню и который скрыт, но при переключении табом скринридер(расширение для хрома) читает пункты скрытого меню, т.е. там анимация с опасити что была не подходила, просто жестко делал через дисплей нан, тогда проблема решалась, визибилити хидден кажется тоже скринридер видит. Помимо этого какую aria применять, например для свг иконок начал использовать aria-hidden="true", этих ариа не мало судя по w3org, помимо aria есть еще role. Можно конечно встроить себе на сайт Аксесибилити и по клику на иконку там можно будет и шрифт менять и масштаб и разное другое, на практике пару раз встраивал. Но для себя хотелось бы разобраться как в верстке верно указывать ариа-, роль, табиндексы и может еще что то есть. Заметил что в элементоре уже присутствует aria, но не знаю как давно, раньше не замечал
    П.С. в элементоре для инлайновых картинок заметил вот такую связку атрибутов => loading="lazy" decoding="async"

  • @olegs4418
    @olegs4418 4 місяці тому +1

    Человечище!!! Ну как всегда спс!

  • @aleksandrkobelev8868
    @aleksandrkobelev8868 4 місяці тому

    Вадос, с ежем смешно. Видео как всегда супер!!

  • @anv7259
    @anv7259 4 місяці тому

    Классная вечериночка🎉

  • @vasya8441
    @vasya8441 4 місяці тому

    Учу дизайн чтоб сайты делать, фигму знаю, макеты рисую в ней, смотрю верстку и js, спасибо автору за видео. Еще подучу язык golang и все что надо для него и я буду не укратим.

  • @cao_dzecbi
    @cao_dzecbi 4 місяці тому

    Привет, Вадим. Спасибо за видео!

  • @candy_front
    @candy_front 4 місяці тому +3

    Самый полезный канал на youtube !!!!

  • @elkazmakaz5870
    @elkazmakaz5870 4 місяці тому

    Зашибись, пригодится для работы над портфолио после курса) Идей с js для канала - поле непаханое

  • @super-puper_bot
    @super-puper_bot 4 місяці тому +1

    наконец то js!

  • @djdrey4539
    @djdrey4539 4 місяці тому

    актуально. спасибо

  • @candy_front
    @candy_front 4 місяці тому

    Спасибо

  • @sartjhon3300
    @sartjhon3300 4 місяці тому +1

    да неужели ) спустя годы. как раз когда я создал свое меню )) ну и на том спасибо. еще не смотрел(надеюсь не подведешь)
    UPD эх (( не то. думал будет полноценное меню с доступностью. и да, навигация tab`ом по меню - это что вообще? при фокусе на menubar и нажатии на tab фокус должен уйти дальше по элементам но не внутрь меню

    • @vadymprokopchuk
      @vadymprokopchuk  4 місяці тому

      Походу ты не смотрел видео

    • @sartjhon3300
      @sartjhon3300 4 місяці тому

      @@vadymprokopchuk от начала и до конца

  • @charmingmovie5710
    @charmingmovie5710 4 місяці тому

    А какой шрифт у тебя в vscode?

  • @Uncaught_in_promise
    @Uncaught_in_promise 4 місяці тому +1

    Корисно, дякую. А є у планах і десктоп і мобільне, багаторівневе?

  • @hopelezzhopelezz487
    @hopelezzhopelezz487 4 місяці тому

    я так понимаю, что все эти ARIA это исключительно вопрос Accessibility , т.е. больше для всякие сеошников и поисковика, который оценивает ещё и с точки зрения просмотра для людей с "особенностями". Т.е. по сути, оно для самого кода ( если убрать эти aria-controls, aria-expended и пр.) ничего не изменит и никак не будет влиять на выполение ?

  • @wdfrghztjk
    @wdfrghztjk 4 місяці тому

    сильно

  • @walterwhite4407
    @walterwhite4407 4 місяці тому

    LIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIKE)

  • @hogvarts
    @hogvarts 4 місяці тому

    Когданибудь мы доживем до того что фон будет не белый чтоб ночью можно было нормально смотреть ) ну то наверное уже в следующей цивилизации )

    • @littlecat8445
      @littlecat8445 4 місяці тому +1

      Ночью спать нужно и не терзать свои биологические часы

  • @iblancos7
    @iblancos7 4 місяці тому

    А будут только видео с такими простыми вещами?
    Может рассмотришь например SPA на Nuxt3? Думаю это более востребовано, чем нативный js в 2024 писать..

  • @sartjhon3300
    @sartjhon3300 4 місяці тому

    ну и как тему для уроков. анимация. точнее оживление сайта. а то макет сверстал, а он деревянный, как оживать хз. если в макете были подсказки - хорошо. а если нет- начинается головоломка. согласен, если реальный заказ, то заказчик все покажет. но пока нет заказчика...

    • @phat80
      @phat80 4 місяці тому

      А тебя заблокировали в ютьюбе и гугле? Уроков море по теме анимации, хоть css, хоть js, хоть комбо. Просто можешь даже словами написать, что надо сделать и получишь сотни ссылок.

    • @sartjhon3300
      @sartjhon3300 4 місяці тому

      @@phat80 я тебя чем то обидел? Уроков много по выпадающему меню в Ютубе, зачем ты тут смотришь? Мастер-классов также мульон, ты почему тут смотришь? Надеюсь глупые вопросы отпадут в дальнейшем

    • @phat80
      @phat80 4 місяці тому

      @@sartjhon3300 Я смотрю, что рекомендуют, часто фоном. К сожалению, в этом ролике ничего нового не почерпнул. Название было интригующим (в результате это все было сделано не на чистом JS, а все так же с помощью CSS). Думал, что какой-то редкий и хитрый способ будет показан, который мало кому известен. Часто смотрю уроки, хоть знаю как делать выпадающее меню и многое другое, чтобы почерпнуть какие-то новые моменты, которые я мог не учесть раньше. И такое реально бывает. Смотришь избитую тему и вдруг узнаешь что-то новое. Обычно это мелочь, а приятно. Тут ничего нового к сожалению. И вообще не понял, с чего вдруг на таком старом канале какие-то новичковские темы освещаются. И решил посмотреть, что вообще пишут. Наткнулся на твой странный комментарий, решил спросить. Или тут нельзя этого делать? Думаю доходчиво пояснил.

    • @sartjhon3300
      @sartjhon3300 4 місяці тому

      @@phat80 я хз что тут можно, я сам тут по тому же поводу. Но вопрос " тебя что в Гугле забанили, поищи с инетах" звучит не очень дружелюбно. Я так же бегаю по каналам в поисках идей. Недавно реализовал меню с в возможностью управления с клавиатуры, и тут видео, думал это тоже самое, захотелось сравнить результаты

    • @phat80
      @phat80 4 місяці тому

      @@sartjhon3300 обычный вопрос, я бы даже сказал стандартный, когда человек пишет о том, что гуглится за несколько секунд. Ну и нормального человека это должно побудить к правильным действиям. Зачем ждать урок от какого-то определенного блогера, если все есть уже на блюдечке с голубой каемочкой на многих ресурсах. Повторю, что уроки смотреть можно, но как факультатив, чтобы узнавать какие-то фишки, о которых даже не задумывался по какой-то причине. Да даже не по теме, а например, по использованию IDE, новые сервисы узнать, ну или удостоверится в своих знаниях (хотя часто бывает, что наоборот уличаешь видеоблогеров в поверхностном знании предмета. Помню, когда начинал, постоянно лезли в рекомендации видео некого хауди хо. Даже мне новичку было очевидно, какую х.. он несет. Так что я бы вообще на блогеров не полагался, если вообще базы нет. Это просто совет, не более.

  • @Игорь-й3п7ю
    @Игорь-й3п7ю 4 місяці тому

    Вітаю Вадим! Напишу сюди коментар, оскільки в ТГ на мої повідомлення реакції нуль. Я прагнув задати питання по курсу, перед оплатою, але на жаль до сьогоднішнього дня Ви мої повідомлення в особистому ТГ каналі навіть не читали.... Дякую за зворотній звязок

    • @vadymprokopchuk
      @vadymprokopchuk  4 місяці тому

      просто продублюйте ваше повідомлення, ще раз

  • @ROMAN-KVAS
    @ROMAN-KVAS 4 місяці тому

    Только у меня, открываясь, меню толкает остальные блоки сайта вниз?

    • @vadymprokopchuk
      @vadymprokopchuk  4 місяці тому +1

      позишен добавь и все

    • @ROMAN-KVAS
      @ROMAN-KVAS 4 місяці тому

      @@vadymprokopchuk Спасибо, Сэнсэй! Я так и сделал. Просто, принудительно не перезагрузил страницу, чтобы увидеть результат. Всё работает!😁

  • @MrVitiok20091
    @MrVitiok20091 Місяць тому

    а як зробити, щоб саме меню не розширювалось зверху вниз? шапочка їздить...

  • @relaxyourself1609
    @relaxyourself1609 4 місяці тому

    не пойму какие гуано ставят дизы, шо за люди. Надеюсь Вадос ты уже не в Харькове.

  • @АнтонЛеов
    @АнтонЛеов 4 місяці тому

    Ребята, как вы смотрите видео если ютуб замедлили?

  • @ahmedova426
    @ahmedova426 2 місяці тому

    Очень прлохо видно что ты пишишь в коде. Сделай по крупнее шрифт

  • @partizanbanec8305
    @partizanbanec8305 4 місяці тому +5

    Спасибо, что выпускаешь контент на русском языке. Не все русскоговорящие россияне. :)