Адаптивное горизонтальное меню используя HTML, CSS & JS || Responsive Fixed Horizontal Menu CSS & JS

Поделиться
HTML-код
  • Опубликовано: 15 июл 2023
  • В этом видео вы узнаете, как сделать адаптивное фиксированное горизонтальное меню используя HTML, CSS & JavaScript шаг за шагом.
    🔗 Logo: logoipsum.com/
    🔗 Google Fonts - Pangolin: fonts.google.com/specimen/Pan...
    🔗 Icons: fontawesome.com/
    🔗 CSS clip-path maker: bennettfeely.com/clippy/
    🔗 Исходный код (source code): / 86427361
    ✅ Адаптивный шрифт с помощью функции calc() CSS: • Адаптивный шрифт с пом...
    ✅ Адаптивный шрифт с помощью функции clamp() CSS: • Адаптивный шрифт с пом...
    ✅ CSS Переменные: • Переменные в CSS || CS...
    ✅ Как ускорить написание кода с помощью Emmet в Visual Studio Code: • Как ускорить написание...
    ✅ Расширение Live Server и автоматическое обновление страницы: • Расширение Live Server...
    👍 Полезная информация для программирования и дизайна на моем телеграм-канале: t.me/CodingWithTopchiy
    💵 Поддержать канал (support channel): 5375414128564241 (universal bank || mono)
    💵 Поддержать канал (support channel): send.monobank.ua/jar/3Aze2gcvVa
    💵 Поддержать канал (support channel): / codingwithtopchiy
    👍 Subscribe: / @codingwithtopchiy
    😀Спасибо за просмотр!😀

Комментарии • 16

  • @artik6614
    @artik6614 10 месяцев назад +1

    Спасибо что делаете всё с адаптацией

  • @artik6614
    @artik6614 10 месяцев назад +1

    Лучший канал по html css❤👍

  • @user-xu2yb4dr4e
    @user-xu2yb4dr4e 6 месяцев назад

    Все круто. Только вот подключение скриптов такая себе задумка)

  • @Alex-ux4dw
    @Alex-ux4dw 10 месяцев назад

    Здорово!!! Спасибо, реально, очень полезное видео!!!

    • @codingwithtopchiy
      @codingwithtopchiy  10 месяцев назад

      Пожалуйста!
      Спасибо за обратную связь 👍

  • @dmitrypoluhin2955
    @dmitrypoluhin2955 10 месяцев назад

    ДаДаДаДа!!!!

  • @dmitrypoluhin2955
    @dmitrypoluhin2955 10 месяцев назад

    Зачем в html указывается oferflow hidden?

    • @codingwithtopchiy
      @codingwithtopchiy  10 месяцев назад +1

      Свойство overflow контролирует переполнение, в случае если контейнер переполнен контентом.
      Значение hidden - обрезает переполнение и тот контент, который выходит из области будет скрыт.

  • @jjj111dk
    @jjj111dk Месяц назад

    отправьте, пожалуйста код😭😭😭

    • @jjj111dk
      @jjj111dk Месяц назад

      у меня по нажатию кнопки не выезжает меню,не могу понять что к чему

    • @codingwithtopchiy
      @codingwithtopchiy  Месяц назад

      Приветствую!
      Где-то допустили ошибку, пересмотрите видео еще разок внимательно и уверен вы поймете, что не так 👍

  • @exalme
    @exalme 3 месяца назад

    Слушай. Такой вопрос. Но ты не мог бы желательно всё объяснять, а не только комментировать свои действия?

    • @codingwithtopchiy
      @codingwithtopchiy  3 месяца назад

      Приветствую!
      Ок.

    • @exalme
      @exalme 3 месяца назад

      @@codingwithtopchiy о, спасибо. Просто некоторые вещи понятные, а другие - нет. В основном из-за того, что я делаю немного другим способом. Эффект один и тот же, но сам способ, как ко мне, легче

  • @shurinskiy
    @shurinskiy 3 месяца назад

    Детский сад, конечно