Меню з цікавим ефектом при наведенні. HTML CSS JAVASCRIPT. Як це зробити?

Sdílet
Vložit
  • čas přidán 20. 12. 2022
  • У цьому уроці покажу як зробити меню з цікавим ефектом при наведенні. HTML CSS JAVASCRIPT
    🌲 Будиночкі для ретриту Hytte
    ☝️ Пам'ятайте про промокод FREELANCER - знижки до 5000$
    👉 bit.ly/hyttefreelancer
    ‼️ Канал з практикою ‪@codeonly‬
    ‼️ Безліч корисних майстер-класів HTML CSS/SCSS JS FIGMA
    Курси:
    🟢 Курс з верстці: edu.fls.guru/
    🟢 Курс з JavaScript: edu.fls.guru/js.html
    🟢 Платні майстер-класи: master.fls.guru/
    Завантажити готовий код (Patreon): / 76231590
    ❤️ Стати спонсором каналу: / @freelancerlifestyle
    🔴 Платний курс по верстці: edu.fls.guru
    🤟 БЕЗКОШТОВНИЙ курс по верстці сайтів (HTML, CSS, JavaScript): • БЕСПЛАТНЫЙ курс по вер...
    🔴 Карта каналу: miro.com/app/board/o9J_lZB3YKI=/
    🔴 Отримати доступ до екстра контенту + підтримати канал: / freelancerlifestyle
    🔴 Платний курс по верстці: edu.fls.guru
    🔴 Telegram канал: t.me/freelancer_lifestyle (teleg.run/freelancer_lifestyle)
    🔴 Telegram чат по верстці: t.me/flschat (teleg.run/flschat)
    🔴 Facebook: / freelancerlifestyle
    🔴 Instagram: / freelancer.lifestyle
    👉 @IT-ПРИСТРАСТІ, українськомовний канал присвячений інтерв'ю з цікавими IT-спеціалістами - / @itpassions
    👉 @СЛУШАЙ! Канал с интересными историями из жизни.
    👋 Мене звати Женя Андріканич, я IT - спеціаліст. Більше 10ти років займаюсь розробкою сайтів.
    Перейняти досвід: / freelancerlifestyle
    #навчання #верстка #фрілансерпожиттю
    🤟 Живи, а працюй у вільний час! ©

Komentáře • 82

  • @FreelancerLifeStyle
    @FreelancerLifeStyle  Před rokem +8

    Вчимося!
    🟢 Курс з верстці: edu.fls.guru/
    🟢 Курс з JavaScript: edu.fls.guru/js.html

    • @vitalik3890
      @vitalik3890 Před rokem +2

      Це так приємно слухати Українською!!! Вау!!! Зовсім інше сприйняття!)))

  • @kurtdl1400
    @kurtdl1400 Před rokem +18

    Жень, не знаю прочитаешь ты это или нет, но всё же скажу. Канал у тебя просто офигенный, очень помогаешь людям по всему миру развиваться в программировании. Я сам из Беларуси и давно тебя смотрю, за многие непонятные моменты спасибо тебе, после твоих видео всё становится на место. Очень жаль видеть что просмотры сильно упали. Я отлично понимаю украинский язык, поскольку наши родные языки очень похожи. И я понимаю твоё решение вести канал на твоём родном языке, но прошу, не дай каналу умереть, ты просто даже не представляешь, скольким людям ты помог выбраться из жопы. Я сам сейчас активно ищу работу, чтобы не лезть во всякую залупу и иметь возможность помогать людям. В этом есть и твоя заслуга. Поэтому желаю удачи тебе и твоему каналу, ну и жду видео по Webpack, очень хочется посмотреть именно на твоём канале))

  • @ruslan_lwow79
    @ruslan_lwow79 Před rokem +4

    Євген ТОП спеціаліст, ТОП наставник/вчитель, та ще й ЛЮДИНА з принципами і поняттями, а не так як деякі "какая разница" і "мне так удобна"...Я більш ніж впевнений що за деякий час ПЕРЕГЛЯДИ на каналі будуть більшими аніж раніше з російською озвучкою!!! Українськомовний Ютуб в трендах. Так що все буде добре і все буде Україна!!

  • @user-mv8bu5jy2n
    @user-mv8bu5jy2n Před rokem +25

    Спасибо за ролик и благодарю тебя в целом, за то, что помогаешь людям развиваться. Я уже почти два года работаю фронтенд разрабом (иногда заглядываю даже в бэкэнд), а весь свой путь начинал именно с твоих роликов, так как, на мой взгляд на данный момент нет более качественного и максимально-детального объяснения HTML и CSS технологий на ютубе.
    Дякую тобi.

  • @11174071
    @11174071 Před rokem +3

    дуже круто бачити інформацію про підтримку ЗСУ під час обрання ваших курсів
    я дуже хочу щоб у вас все було ок
    дякую
    це велика справа, чимало знайомих кодять і лишаються свідомо в Україні + стабільно відправляють донейти волонтерам
    і це також завдяки вам, ваша думка важлива
    ще раз дякую

  • @olehpastovenskyi6441
    @olehpastovenskyi6441 Před rokem +6

    Чудовий відос, дякую своя хата це круто.

  • @uadesignschool
    @uadesignschool Před rokem +2

    О, поставив 700ту вподобайку. Приємно))

  • @alexdemch
    @alexdemch Před rokem +2

    Дякую за ролик, та за те що перейшов на українську!

  • @sashko_sh
    @sashko_sh Před rokem +1

    Аааа! Я в захваті від таких відосиків) Дякую, Євген)

  • @serhii_marchenko
    @serhii_marchenko Před rokem +1

    Як завжди інформативне відео. Дякую за можливість навчитися чомусь новому.
    Вчуся по твоїх відео, починаю вивчати js, та потроху верстаю портфоліо. Бо на даний момент не виходить взяти заказ на фрілансі на саму верстку. :(
    --------
    Взагалі вчив python і django (бо знайомий працює використовуючи ці мови) зробив невеличкий генератор паролів... І якось дивлячись відео на ютубі побачив твоє, де ти говориш, що обирати потрібно те, що подобається. Так і зробив обрав front end, тут кожні уроки цікаві і якось цікавіше як для мене.(+ Добре знаю фотошоп ) Бо в бекенді якось завжди спати хотілося при вивченні :)
    ----------
    Якщо буде така можливість, то дуже хотілося побачити як саме потрібно робити резюме.
    А також дуже цікаво побачити сам процес(спілкування з замовником,), як отримуєш замовлення з фрілансу і виконуєш його.
    ----
    Насправді дякую за відео. Вони без води дуже інформативні.

  • @user-zq5iy8dr4j
    @user-zq5iy8dr4j Před rokem

    Круте відео, дякую!

  • @U-nieskladovaje
    @U-nieskladovaje Před rokem +6

    Блін, а я заўсёды думаў, мяўляў, як стварыць гэты эфект з тэкстам. Зараз зразумеў! Дзякуй за цудоўнае відэа :)

  • @Ukr_sunflower
    @Ukr_sunflower Před rokem +3

    Дякую за відео! Можете сказати коли приблизно плануєте випустити перші уроки по React?

  • @maksymtyshchenko7084
    @maksymtyshchenko7084 Před rokem

    Круто!
    Дякую.

  • @valentynbilan
    @valentynbilan Před rokem +1

    круто, дуже дякую за матеріал! :)

  • @StarkElessar
    @StarkElessar Před rokem

    Євген, дякую за данний відос!! І навіть за рекламу, прикольний будинок ти прорекламував, дуже стильний!

  • @syrko3812
    @syrko3812 Před rokem +2

    Дякую!

  • @venenen_khedel1709
    @venenen_khedel1709 Před 10 měsíci

    Топова анімація. Велике дякую) Успіхів тобі!)

  • @berry_v1bes
    @berry_v1bes Před rokem

    Спасибо тебе 🥰

  • @user-hu1mk4tw2q
    @user-hu1mk4tw2q Před rokem

    Супер!!

  • @skemap
    @skemap Před rokem +1

    Дуже гарно виглядає! Дякую величезне за ідею

  • @const6185
    @const6185 Před rokem +1

    Спасибо тебе!

  • @haskvel
    @haskvel Před rokem

    Лайк, комент одразу, потім перегляд. Музичка, в кінці, топ.

  • @user-sp9gh1sj7c
    @user-sp9gh1sj7c Před měsícem

    Спасибо Вам большое за Вашу работу🙏

  • @edwardjones7951
    @edwardjones7951 Před rokem +1

    Омг, на українській ❤ дивлюсь вас ще з самого початку ваших пригод в ютубі і оце натикнувся на нові відео, просто топ❤❤❤❤

  • @user-cm1zp9ws9v
    @user-cm1zp9ws9v Před rokem +3

    Огромное спасибо за ваш труд! Ваши обучающие видео очень помогают перейти от книжной теории к реальным прикладным примерам и проектам.

  • @frosya10
    @frosya10 Před rokem +1

    55 комент, 555лайк)). Прикольно. Класний ефект, дякую))

  • @ilgul9177
    @ilgul9177 Před rokem +4

    Круте відео. Побільше б таких корисних та цікавих відео. Спробую імплементувати цей ефект у наступному проекті. Слава Україні!

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  Před rokem

      Героям Слава!
      Більше практики тут czcams.com/channels/DdztHV_bNaPE1mPp7LbTNg.html

  • @khurshidbekabidov3043
    @khurshidbekabidov3043 Před rokem +1

    спасиьр тебе огромное

  • @Xyjail
    @Xyjail Před rokem

    Дякую)

  • @v.menshov
    @v.menshov Před rokem +2

    Супер! Дякую за детальне пояснення по JS 👍

  • @timpuyda1378
    @timpuyda1378 Před rokem

    Чотко

  • @Kasper__cat-
    @Kasper__cat- Před rokem +1

    Дякую❤️

  • @whoisleshalight8514
    @whoisleshalight8514 Před rokem +1

    гениально, +100 к js)))

  • @bee0to1million
    @bee0to1million Před rokem

    Чудо

  • @olyaohrimenko7701
    @olyaohrimenko7701 Před rokem

    Добрий день) Порадьте, будь ласка, як краще працювати: тільки з частковою або повною передоплатою чи можна з післяплатою?

  • @kotlancer
    @kotlancer Před rokem +2

    Полезное видео, большое спасибо !

  • @antonvterkovsky
    @antonvterkovsky Před rokem +3

    Доброго дня,Євген! Рідко пишу коментарі, але вам дійсно вдячний за якісний контент - на ньому фактично і вчуся!!!. Я свічер-дідок(легко так за 30-ть))), хоча сім'я думає, що я вже того(далеко від розуму), що вирішив поміняти професію. В мене 2 прохання: 1.Зняти свіже відео про мотивацію для таких свічерів як я(чи вообше варто робити розворот в такому віці,які є ризики,як долати страхи) і 2.Чув,що заікалися про Wordpress і React - розумію,що на контент потрібно час(а зараз його дуже мало) - порадьте може ваших знайомих з хорошим контентом по навчанню по даних темах - буду дуже вдячний.

  • @eugenij9449
    @eugenij9449 Před rokem +1

    козаче, ти крутий ведучий, може тобі влоги почати вести? бо ти цікаво розповідаєш, приємно слухати

  • @alexbelon3410
    @alexbelon3410 Před rokem +3

    Дякую за твою працю.
    Скажи, будь ласка, чи мав ти справу з variable fonts? Чи нормально вони взаємодіють зі збіркою Gulp при фоматуванні у woff?
    P.S. Цвяшок, а не гвоздик))

  • @alonahilbert9959
    @alonahilbert9959 Před rokem +3

    Тепер я хочу будиночок на природі😇 Євгене, дякую за чудове відео👍🌻

  • @yg13days33
    @yg13days33 Před rokem

    Фрілансер, привіт, якщо є можливість і знаєш як, зроби ролик про м`який скрол типу в ефетком затримки, дуже цікава тема, а на неї немає толкового туторіалу, і в більшості це відео про плавний перехід до якорю, але цікаво як реалізувати конкретно скрол плавний

  • @user-ii9fz3be1r
    @user-ii9fz3be1r Před rokem

    Дякую вам за вашу працю!

  • @andrewmr8239
    @andrewmr8239 Před 11 měsíci

    Круто

  • @anastasiiapliuta1720
    @anastasiiapliuta1720 Před rokem +1

    Дякую, дуже круто😍

  • @Jewelerus.
    @Jewelerus. Před rokem

    👍👍👍

  • @abdugafurov5927
    @abdugafurov5927 Před rokem

    Коммент в поддержку

  • @user-lk6iq3wx8z
    @user-lk6iq3wx8z Před rokem

    Привіт! Я вчусь по твоєму гайду, і дійшов до sass, але у мене проблема з prepros, він создає свої css файли, коли я пишу код в scss а потім його зберігаю, то він компелірує в сss але змін ниякіх нема, фон не міняється, колір тексту теж, що робити?

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  Před rokem

      Якщо 7ма версія то там трохи інші шляхи до файлів

  • @serhiysevruk8879
    @serhiysevruk8879 Před rokem

    Привіт👋
    Яка в тебе клавіатура?)

  • @user-xv7sh6lp7o
    @user-xv7sh6lp7o Před rokem

    👍

  • @nazar695
    @nazar695 Před rokem

    Дуже крутий ефект!
    Дякую за відео, робота неймовірна!

  • @afk531
    @afk531 Před rokem

    Что делать, если при установке темы в Sublime text выдает ошибку Unable to download "название темы". Please view the console for more details

  • @faster-than-light
    @faster-than-light Před rokem +1

    Дуже привабливе меню. Аж собі захотілось заверстати))

  • @user-ip1gt9gi9j
    @user-ip1gt9gi9j Před rokem +2

    Як же чудово чути українську мову, і чудове відео)

  • @skiwqv1183
    @skiwqv1183 Před rokem +1

    дякую за урок, було дуже цікаво!

  • @Oksana-fitnes-trainer

    Дякую за корисне відео , а будиночки теж класні..👍👍👍

  • @DenisRashupkin
    @DenisRashupkin Před rokem

    Дякую тобі за працю. Я вчусь безкоштовно по твоєму курсу. В мене прохання. Будь ласка, а можно приклади з використанням БЕМ та SASS/SCSS.

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  Před rokem

      На каналі дуже багато майстер-класів з верстки

  • @vampir4ik100
    @vampir4ik100 Před rokem

    Дякую за детальний розбір JS коду)) зараз як раз вивчаю методи та функції, поки розв'язуємо задачки. А тут ти показуєш як їх потім можна використорувати в роботі))

  • @user-ji3hl4ft9v
    @user-ji3hl4ft9v Před rokem

    Відео супер!!!!!🎉 дякую!!!
    Хтось може пояснити, навіщо ми пишемо null на 6/16 стрічках?

  • @VovadjoSenseii
    @VovadjoSenseii Před rokem

    Все так продумано цікаво як.

  • @getFrontend
    @getFrontend Před rokem

    Все сподобалось окрім самого коду, де одна функція вкладена в іншу функцію, в яку в свою чергу вкладено ще одну функцію..( що це зайвий каскад foo1();
    function foo1() {
    foo2();
    function foo2() {
    foo3();
    function foo3(){
    }
    }
    }

  • @valeriimartyniuk8719
    @valeriimartyniuk8719 Před rokem

    Респект за Українську мову

  • @maksymstarodubtsev6704
    @maksymstarodubtsev6704 Před rokem +1

    Українська лайк, підписався

  • @user-fk6hi2ty6u
    @user-fk6hi2ty6u Před rokem +3

    Привет , смотрю твои давно твои ролики , ты очень классный чел и круто обьясняешь. У тебя очень многонациональная аудитория , люди из Украины , Казахстана , Молдовы , Беларуси , и всего СНГ. Я из Молдовы , и у нас тут мовой не дуже пользуются . В связи с этим возникают некоторые трудности в понимании информации . Не знаю насколько это возможно обратно вернуть формат роликов на русском языке. Но если есть такая возможность то русскоязычные люди , которые живут по стечению обстоятельств в государствах помимо Расеи , были бы очень благодарны. Спасибо тебе за твой труд!!!

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  Před rokem +3

      Ніколи російської не буде

    • @ArabicLang.online
      @ArabicLang.online Před rokem +1

      @@FreelancerLifeStyle я з Мордора, але дуже добре тебе розумію і з повагою відношусь до рішення викладать лише українською, якой став розмовляти дівлячись україномлвни новіни з початку війни. Може це просто для мене, тому що бабуся розмовляла на неї (на південно-західній Білорусі). На жаль, там зараз майже зовсім не засталося людей, які використлвують свою білоруську мову або українську, старі повмирали, а молодь "рузке мир" мізки роз'їдає... Тому так важливо збеоігати своє. Дякую тобі, Євген, за твою працу будь якою мовою, ти найкращий викладач щодо фронтенду та верстки!

  • @albert_shermatov825
    @albert_shermatov825 Před rokem

    Здравствуй.
    Вопрос к тебе. Какое у тебя зрение? Ухудшилось ли твое зрение из-за многого зависания перед монитором? Ухудшилось ли твое здоровье из-за того, что много сидишь?

  • @user-lk8cy2cd6m
    @user-lk8cy2cd6m Před rokem

    Привет! Как тебе идея снять видео про кроссбраузерность? Думаю многим будет интересно.

  • @sartjhon3300
    @sartjhon3300 Před rokem

    Вроде должно быть красиво, много заморочек, но несколько раз просмотрел момент ховера, так и не заметил движения навстречу. Текст моментально меняет цвет. Вряд ли кто то увидит что то кроме заполнения фона сверху или снизу, хотя это заполнение и выглядит интересно. За урок спасибо )

  • @BagautdinARTs
    @BagautdinARTs Před rokem

    Здравствуйте , я предлагаю вам сотрудничать . Я занимаюсь дизайном . Делаю красивые , яркие и заметные превьюшки. Они будут более кликабельными и вы сможете привлечь к себе новую аудиторию . Если заинтересованы предложением , я могу скинуть работы и ценник

  • @omarkertis5294
    @omarkertis5294 Před rokem

    В css нет отцовского элемента, есть родительский

  • @FA1F.W
    @FA1F.W Před rokem

    ...робимо позишн абсолют батькивскиму элементу©️ прикольно украинский звучит в смешании с it-сферой. Сравнивая с песенкой ой там на горі - кажется что два разных языка

  • @eugenesmith9940
    @eugenesmith9940 Před rokem

    қазақша сөйлейсің бе?

  • @ALF_Lagom
    @ALF_Lagom Před rokem

    Надо перезалить остальные видео на украинском языке

  • @user-sx6yq3ze7r
    @user-sx6yq3ze7r Před rokem

    Дякую тобі. Дуже доходчиво, цікаво та без зайвої "води" зроблено відео.