RIPPLE EFFECT. HTML CSS JavaScript.

Sdílet
Vložit
  • čas přidán 26. 11. 2022
  • I'll show you how to create a Ripple effect in this video - the effect of RIPPLE when you press on the button, twisting HTML CSS JavaScript
    🔴 Paid layout course: edu.fls.guru
    🔴 Paid JavaScript course: edu.fls.guru
    🤟 FREE course on website layout (HTML, CSS, JavaScript): • БЕСПЛАТНЫЙ курс по вер...
    🔴 Channel map: miro.com/app/board/o9J_lZB3YKI=/
    🔴 Access to extra content + support channel: / freelancerlifestyle
    🔴 Paid course by version: edu.fls.guru
    🔴 Telegram channel: t.me/freelancer_lifestyle (teleg.run/freelancer_lifestyle)
    🔴 Telegram chat by version: t.me/flschat (teleg.run/flschat)
    🔴 Facebook: / freelancerlifestyle
    🔴 Instagram: / freelancer.lifestyle
    ❤️ Become a channel sponsor: / @freelancerlifestyle

Komentáře • 135

  • @mikhaildolgov
    @mikhaildolgov Před rokem +23

    Спасибо большое за Ваш труд. Вы доступно всё объясняете - это большая редкость. Здоровья Вам.

  • @user-xi4tt2hq9f
    @user-xi4tt2hq9f Před rokem +5

    Топчик) дякую за україномовний контент)
    Перейшов на флатер, але україномовні твої відоси дивлюсь)

  • @yurapekach7550
    @yurapekach7550 Před rokem +7

    Все доступно, зрозуміло та корисно. Як завжди топ контент!

  • @arseniyyesaulov3018
    @arseniyyesaulov3018 Před rokem +4

    Завжди було цікаво подивитися як це робити. Прекрасно пояснено, як завжди. Дякую, Женя

  • @andriiSTV
    @andriiSTV Před rokem +5

    Наскільки ж високий рівень контенту! Починаючи від інформативності і закінчуючи поставою голосу. В такому досить стислому відео вклалися розвинена ідея, прекрасні пояснення простою мовою, освітлення ситуативних підходів та навіть приклади варіацій готової кнопки.
    Я новачок у сфері верстки та фронтенду, тому передивився багато різних відео від різних авторів, але будь то хтось з дилетантів, що записують годинне відео на тему як вивести "Hello world" у консолі під шум вулиці за вікном, або доволі розкручених каналів типу developedbyed, але нічого кращого за Ваше відео ще не бачив.
    Майбутнє українського frontend ютубу за Вами!

  • @marquiz6971
    @marquiz6971 Před rokem +5

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

  • @deniskotov
    @deniskotov Před rokem +18

    Женя, как всегда супер! Дай нам всем Бог здоровья и жизни без войны.

  • @yanaanatiichuk5935
    @yanaanatiichuk5935 Před rokem +3

    дякую за відео, класний ефект і зрозуміле пояснення 👍

  • @emhyrvaremreis2588
    @emhyrvaremreis2588 Před rokem +2

    Давно шукала подібний гайд)) Дякую вам за урок👍👍👍

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

    Дуже допомогають ваші відео!Мені 12 років і я вчу html css js завдяки вашому каналу

    • @Denys_Lapshyn_1
      @Denys_Lapshyn_1 Před rokem +1

      Ти дуже крутий що вже почав розвиватися та пробуешь щось робити, тільки не забивай на цю справу

  • @user-qz8kj3tr8i
    @user-qz8kj3tr8i Před rokem +1

    Моя любимая рубрика! Магия с доступным объяснением))) спасибо!

  • @user-dd4vk6ow9m
    @user-dd4vk6ow9m Před rokem +1

    Буде круто побільше таких відосів з більш детальнішим розбіром дій і коду саме в Js.) Гарно дякую тобі Женя.

  • @user-vi9uc8rt6h
    @user-vi9uc8rt6h Před rokem +7

    Супер цікавий , корисний і зрозумілий контент . Дякую )

  • @artemgrunin2011
    @artemgrunin2011 Před rokem +5

    Впринципе довольно легко, но выглядит клево👍

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

    Дуже дякую за цікавий урок🙂

  • @itishka5989
    @itishka5989 Před rokem +1

    Супер! Буду чекати наступних відосів з нетерпінням)

  • @anastasiiapliuta1720
    @anastasiiapliuta1720 Před rokem +2

    Клас, дякую, гарний ефект👏

  • @user-wt2us5pr9k
    @user-wt2us5pr9k Před rokem +13

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

  • @maximiloi
    @maximiloi Před rokem +2

    Спасибо, как раз искал. Забыл как называется и тут прям с утра. Большое спасибо.

  • @alex-troshin
    @alex-troshin Před rokem +8

    Все думал, как же это делается. И тут самое лучшее объяснение подъехало. И какое решение! Как всегда максимально универсально и надёжно, за это мы и любим Жеку :)

  • @x3m88
    @x3m88 Před rokem +1

    Женя дякую і за гарну ідею і за гарну українську!

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

    Дякую за матеріал, дуже корисна інформація для поповнення знання в умовах війни!!!

  • @user-tt5hm9nx6e
    @user-tt5hm9nx6e Před rokem +1

    Дякую за корисну інформацію!!

  • @kvanzi
    @kvanzi Před rokem +1

    Дуже корисний урок! Дякую!

  • @user-ll2ps8mv6o
    @user-ll2ps8mv6o Před rokem +1

    Дякую друже за цікавий контент

  • @oleksii_smirnov
    @oleksii_smirnov Před rokem +1

    Завжди цікаво побачити як все під капотом відбувається. Такі батони є в матеріал юай. Дякую за туторіал. Крутезні відео

  • @ArturAndrieiev
    @ArturAndrieiev Před rokem

    Доброго дня!
    Потрібна порада)))
    В далекому 2013-2014 вчив html+css на курсах. Крім того трохи вчив сам PHP+my SQL. Написав для сестри інтернет магазин зі сторінкою адміна і з повним функціоналом додавання товару автоматично і замовлення товарів. Але по факту він проіснував пару місяців і ми ним перестали користуватися.
    Це були шкільні роки і це було як моє хоббі. Я тоді це робив просто для свого задоволення.
    Протягом останніх років я хотів повернутися в іт. Вчив c# i java. Щось не зайшло.
    Хочу піти в front end (знову).
    Тобто якесь розуміння в мене є. Але досвіду JavaScript немає.
    Порадьте якусь роадмап що за чим вчити для фронту зараз на 2022-2023. Конкретно що мені треба знати щоб в сьогоднішніх реаліях знайти роботу. Дякую)

  • @kompotius
    @kompotius Před rokem +2

    Вау🎉🎉🎉🎉, клас дякую за урок, як завжди топ

  • @kvk4
    @kvk4 Před rokem +3

    Шикарно, спасибо большое)
    Слава Україні, Жыве Беларусь, Свобода России

  • @kyryloloshka
    @kyryloloshka Před rokem

    Вийшло дуже круто, як на мене. Чекаю з нетерпінням наступний майстер клас чогось мега складного. Ясна річ на ваших уроках спокійно можна навчитися дуже круто верстати. Але не вистачає вже фінального переходу на професійний рівень. Ну це так, просто думки))).

  • @Kirdaro
    @Kirdaro Před rokem +1

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

  • @marynapastukhova8119
    @marynapastukhova8119 Před rokem +1

    Дякую, ви супер! 😊

  • @haskvel
    @haskvel Před rokem +1

    Шикардос, як завжди!

  • @ob.deytel
    @ob.deytel Před rokem +2

    Круто! Дякую

  • @vikbaran
    @vikbaran Před rokem +1

    Офігенна природня українська мова!
    Ну і сам контент - 🔥🔥🔥!!

  • @user-wo6fr4mc7v
    @user-wo6fr4mc7v Před rokem +1

    Дуже крутий ефект! Дякую!

  • @user-xs8ty9dg5s
    @user-xs8ty9dg5s Před rokem +11

    Женя, спасибо большое за твои ролики. Ты большой молодец. Победы и процветания Украине!!!

  • @alonahilbert9959
    @alonahilbert9959 Před rokem

    Дякую за відео👍 бажаю подальших успіхів💫

  • @olvapo
    @olvapo Před rokem +4

    Дякую!

  • @yarko4766
    @yarko4766 Před rokem +1

    Дякую, крута анімація

  • @Rizard_Insolent
    @Rizard_Insolent Před rokem +2

    Чудово просто чудово

  • @user-np9mq5xc7j
    @user-np9mq5xc7j Před rokem +1

    Дякую друже!

  • @karaandriy671
    @karaandriy671 Před rokem

    Я якраз навчаюсь на інженера програмного забезпечення! Дуже круті відео туторіали😎

  • @waterson_
    @waterson_ Před rokem +1

    Було цікаво побільше такого контенту

  • @olgaolgs5317
    @olgaolgs5317 Před rokem +1

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

  • @bohdanlutsak6824
    @bohdanlutsak6824 Před rokem +1

    Дякуємо, дякуємо, дякуємо!!!

  • @ua5144
    @ua5144 Před rokem +1

    Лайк одразу. Впевнений - варто! мм

  • @Denik-is6gi
    @Denik-is6gi Před rokem +4

    Как всегда, на высоте. Спасибо вам!

  • @user-ko6kr7mr5l
    @user-ko6kr7mr5l Před rokem +1

    Цікавий ефект, дуже дякую!!! 👍

  • @andreykoval3172
    @andreykoval3172 Před rokem +1

    дуже дякую

  • @FreelancerLifeStyle
    @FreelancerLifeStyle  Před rokem

    Вчимося далі...
    🔴 Платний курс з верстки: edu.fls.guru
    🔴 Платний курс з JavaScript: edu.fls.guru/js.html
    🔴 Карта каналу: miro.com/app/board/o9J_lZB3YKI=/
    🔴 Отримати доступ до екстра контенту + підтримати канал: www.patreon.com/freelancerlifestyle
    🔴 Платний курс по верстці: edu.fls.guru
    🔴 Telegram канал: t.me/freelancer_lifestyle (teleg.run/freelancer_lifestyle)
    🔴 Telegram чат по верстці: t.me/flschat (teleg.run/flschat)
    🔴 Facebook: facebook.com/freelancerlifestyle
    🔴 Instagram: instagram.com/freelancer.lifestyle

  • @user-rr2uj5ot3i
    @user-rr2uj5ot3i Před rokem +1

    Дякую

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

    Спасибо за англ субтитры!)

  • @kameral_semargl
    @kameral_semargl Před rokem +1

    Я теж погоджуюсь
    Це круто По більше відео Українською 💪

  • @dovuret2191
    @dovuret2191 Před rokem +1

    спасибо... точно школа уже ненужна я начал на ваши уроки больше времени тратить😅

  • @nathanielg8998
    @nathanielg8998 Před rokem +1

    Крутий ефект

  • @stanislavvoievodin794

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

  • @richardkolyadko3363
    @richardkolyadko3363 Před rokem +1

    kruto, spasubi

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

    Спасибо

  • @rael_channel
    @rael_channel Před rokem +1

    Какой красивый язык 😊

  • @DeolisN7
    @DeolisN7 Před rokem +1

    Найс 🍉

  • @Denys_Lapshyn_1
    @Denys_Lapshyn_1 Před rokem +1

    Відео настільки круте та якісне, що глядачі забувають ставити вподобайки

  • @Captal_de_Bush
    @Captal_de_Bush Před rokem

    Це так добре особливо для новачків що ви у своїх туторіалах використовуєте чистий JavaScript, а не jQuery.

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

    Дякую за твою роботу

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

    🔥🔥🔥

  • @IrynaMiskevych
    @IrynaMiskevych Před rokem

    цікаво Пан Роман ливився ваші уроки))

  • @misternumizmat8176
    @misternumizmat8176 Před rokem

    Добрий вечір. Зайдіть, будь ласка, коли будете мати час, у свою електронну скриньку для співпраці)) Там мій лист до Вас. Відео - супер)) Дуже гарний контент))

  • @vrogoja1321
    @vrogoja1321 Před rokem

    Дякую за корисне відео. Є питання, підкажіть чому не використовуєте event "animationend"? Тоді не потрібно писати функцію getAnimationDuraction + перестрахуєтесь на випадок, коли час виконання анімації буде більше ніж вказаний.

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

    Велике дякую за українську❤️‍🩹
    Відразу лайк

  • @gionraig8698
    @gionraig8698 Před rokem

    Хочу подякувати тобі за твою роботу, в свої 14, я вже обрав напрям фронтенд завдяки тобі, вже вчу css. Але постійно турбує запитання, в майбутньому фронтенд розробник буде потрібен?

  • @michaelmurat5481
    @michaelmurat5481 Před rokem +1

    кайф

  • @MykolaTakshyn
    @MykolaTakshyn Před rokem +2

    Кайф

  • @luispakvard5681
    @luispakvard5681 Před rokem

    Привіт . А якщо я кодю на Python бо для мене він більш легкий, то мені теж буде корисні навчалки з цього каналу ? А ви програмували на Пайтоні чим він вам не сподобався?

  • @marianafff
    @marianafff Před 3 měsíci

    дуже якісний контент!

  • @papanomeme
    @papanomeme Před rokem

    Топ!

  • @user-se6ct5zu2f
    @user-se6ct5zu2f Před rokem +1

    спасибо! Давно думал как это сделать и вот видео! Слава Украине!

  • @MaksMokriev
    @MaksMokriev Před rokem +1

    Дякую. Якщо Ви не проти, то продемонструю це відео як чудовий приклад для своїх студентів?

  • @lessons3141
    @lessons3141 Před rokem

    дякую за контент на укр мову )

  • @poliuritanker
    @poliuritanker Před rokem +2

    за українську респект
    нарешті з'являється гідний людський контент

  • @boyywnkobe
    @boyywnkobe Před rokem

    До речі не саме головне а найголовніше 😅

  • @AgentsModding
    @AgentsModding Před rokem

    помогите пожалуйста в CSS пишу background-image: url('img/cover.jpg'); но картинка не появляется, все пробовал ничего не помогает((

  • @Alex_MMI
    @Alex_MMI Před rokem +1

    Все це дуже цікаво, але майже нічого не зрозуміло,починаючи з джава скрипта.... Як це можна зрозуміти і вивчити все? Хочу цьому навчитися, але мені здається я не впораюся з таким обсягом. З чого взагалі потрібно починати?

  • @tolsty78
    @tolsty78 Před rokem

    А если вместо setTimeout использовать animationend, кода будет на много меньше и использовать удобнее

  • @alex-troshin
    @alex-troshin Před rokem

    Жека, коли реакт? Ти пояснюєш краще за всіх :)

  • @kiri_ll9799
    @kiri_ll9799 Před rokem

    +

  • @mishapokrivchak649
    @mishapokrivchak649 Před rokem +27

    За Українську 👍

  • @BMikel
    @BMikel Před rokem +1

    Дякую за українську мову.

  • @hugoshtiglitz6507
    @hugoshtiglitz6507 Před rokem

    Приветствую Вас, посоветуйте пожалуйста в каком направлении двигаться новичку на сегодняшний день, который познакомился с HTML и CSS по книге Эрика Фримен и Элизабет Фримен. Спасибо Вам заранее.

    • @Denys_Lapshyn_1
      @Denys_Lapshyn_1 Před rokem +1

      Верстати макети, якщо щось не працює то гуглити це, якщо не знаешь як робити то дивитися в ютубі як це зробити, і паралельно вивчати джаваскріпт

    • @hugoshtiglitz6507
      @hugoshtiglitz6507 Před rokem

      @@Denys_Lapshyn_1 спасибо Вам большое, буду пробовать

  • @Hosterip
    @Hosterip Před rokem

    Женя, а мог бы ты сделать видео про то как ты стал программистом, ходил ли ты на собеседования в компания и т.д, я думаю многим будет интересно

  • @MadiX1X
    @MadiX1X Před rokem +1

    Енді украина тілін үйрену керек болды, өмір.

  • @Atractiondj
    @Atractiondj Před rokem

    Этот эффект классный только на пк, а в приложениях или мобильных версиях, пользователь просто не увидит его, а более 54% трафика это мобилки... так что надо она вам или нет

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

    Женя спасибо за твою работу.
    Очень интересно.
    Можно хотя бы субтитры на русском.
    Не все слова понимаю на украинском.
    Или вот идея. Сделай видео на русском за оплату, а вырученные деньги можно отправить на помощь пострадавшим от войны.
    Спасибо ещё раз.!

  • @madarasan0
    @madarasan0 Před rokem +2

    Как жаль что на русском видео больше не выходят, все из СНГ могли поучиться этим урокам, столько полезности проподает

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  Před rokem +4

      Вчить мову і вчиться далі)

    • @nickhlushpenko6330
      @nickhlushpenko6330 Před rokem

      Та мова є непотребом, тому вчіть українську

    • @n3xon.852
      @n3xon.852 Před rokem

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

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  Před rokem

      @@n3xon.852 нажаль, з твоїм логічним мисленням в IT шансів зовсім немає. Пошукай іншу професію.

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

    А что делать, если ты не из Росси и хочешь учить но тут всё на Украинском?

    • @wladizlowe
      @wladizlowe Před rokem

      Шукай вчителів в росії

    • @alex-troshin
      @alex-troshin Před rokem

      Учи Английский, субтитры есть. Я зная русский практически все понимаю. Общий смысл уж точно.

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  Před rokem +3

      Вчити українську

  • @epicblade577
    @epicblade577 Před rokem

    Извини за все, брат 🤍💙🤍

  • @sadsquire3084
    @sadsquire3084 Před rokem +1

    Если бы продолжил вести канал на русском, то ты бы зарабатывал с подписчиков СНГ намного больше, тем самым больше бы донатил деньги нуждающимся у себя в стране. А так из-за твоей глупой принципиальности, пострадал только ты сам и люди на родине, которым ты бы мог помочь материально

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

    kak etu video posmotret esli chel neznaet ukrainski yazik? obyasnite pojalusta.

  • @g00d-man
    @g00d-man Před rokem +1

    Спасибо.
    Хорошо бы на русском

  • @shoxruxaxmadjonov9174

    Всё чётко понятно но жаль что на украинском. Я понимаю ( на счёт чего так) но если уроки были бы на русском ещё лучше было бы. Потому что я из Узбекистана и не знаю украинский язык.

  • @pauliesoprano1787
    @pauliesoprano1787 Před rokem

    ни черта не работает скрипт только ховер и все