Webflow Burger Menu Build & Animate

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

КОМЕНТАРІ • 45

  • @ae7680
    @ae7680 2 роки тому

    Thank you very much guy, it's really fine give some advanced advice like this free

  • @omarvidic18
    @omarvidic18 4 роки тому +1

    welcome back! was just about to message you that you've been missed! thanks for this, looking forward to more content and the masterclass, definitely interested. all the best!

    • @josephberry4188
      @josephberry4188  4 роки тому

      omarmb thanks dude. Yer been bit of mad start to the year so just trying to get my feet on the ground again.

  • @josephgraham6098
    @josephgraham6098 4 роки тому +2

    Your style, delivery and explanations are fantastic. Great tutorial.

    • @josephberry4188
      @josephberry4188  4 роки тому

      JOSEPH GRAHAM thanks Graham, Im working on some new content. Stay tuned

  • @iamtommyok
    @iamtommyok 4 роки тому +2

    Awesome video. The background image on the overlay is great, just a subtle parallax. The main takeaway is how you start with the basic animation and little tweaks/pushes to make something much more interesting. Keep up the inspiring and encouraging work

    • @josephberry4188
      @josephberry4188  4 роки тому +1

      Exactly that. Taking something as simple as a burger menu and working out how you can push it just the little bit further. Thanks for watching. More to come.

  • @AndrewAndersonfr
    @AndrewAndersonfr 3 роки тому +1

    Very good tutorial JB ! Thanks !

  • @johnnybecrafting9286
    @johnnybecrafting9286 4 роки тому +1

    I appreciate the thoughtful approach to your design. Loo fwd to learning more about your masterclass.

  • @priyankathakur5372
    @priyankathakur5372 2 роки тому +1

    Thank you so much for this great video.

  • @roeldekkers7451
    @roeldekkers7451 4 роки тому +1

    great to see you back Joseph! really looking forward to the next video's!

    • @josephberry4188
      @josephberry4188  4 роки тому

      Roel Dekkers Thanks Roel, good to be back. Things are a bit crazy but just wanted to put together a quick video for your guys.

  • @XPilotP
    @XPilotP 4 роки тому +1

    This is exactly what I needed. Maybe add an animation for the menu button

  • @CbgraficaDesign
    @CbgraficaDesign Рік тому

    thanks a lot for this, I really enjoy the whole process

  • @ohwhatworld5851
    @ohwhatworld5851 4 роки тому +7

    Thank you for this.
    A tip though, can you show us what it is you will be making at the start of the video? It will help give context

    • @josephberry4188
      @josephberry4188  4 роки тому +3

      OhWhat World will keep that in mind. Thanks

    • @adfadifferentfur2332
      @adfadifferentfur2332 4 роки тому +1

      @@josephberry4188 Yes, love your videos but that would definitely be helpful. Thanks!

    • @josephberry4188
      @josephberry4188  4 роки тому

      ADF A DIFFERENT FUR definitely going to do that next time.

  • @aleksaorevic536
    @aleksaorevic536 4 роки тому +3

    I have a problem, I can't move nav-link on y-axis when I want to animate.
    *edit: problem solved, nav-link should be display: Block. I think it's worth mentioning.*

  • @iamjiri
    @iamjiri 3 роки тому +1

    awesome tutorial!

  • @mathanraj496
    @mathanraj496 4 роки тому +1

    Wow this is awesome. Can u make tutorial like horizontal scroll (Apple iPad pro)

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

    oh i love it, one question, my nav-link Text isn moving when i try to set up the animation. i stuck on that for now

  • @spellbound9
    @spellbound9 2 роки тому

    webflow course by Guy Ritchie lol...great work mate.

  • @changecollar
    @changecollar 2 роки тому

    I started webflow recently, i figure out you.. i think that is best

  • @iDATUS
    @iDATUS 4 роки тому +1

    I seen a lot of burger animations and custom menus etc but they dont actually test them.
    The modal was the missing link for me. Thanks.

  • @StanOwden
    @StanOwden 2 роки тому

    Thanks for your work Joseph. Appreciate the effort you put into your videos. Haven't seen you on youtube for quite some time. Hope you are doing well. If you do read the comments, may I ask you for a favour: to make your video on 5 text effects available for saving to playlists. Would love to have in on my webflow playlist but it is set as a Kids content and youtube is not allow you to save it. Cheers.

  • @iviixio
    @iviixio 3 роки тому +1

    You are super inspiring sir 💙

  • @rosiuiux
    @rosiuiux 5 місяців тому

    Thank you 🤗

  • @MrSpertuzm
    @MrSpertuzm 4 роки тому +1

    SR love you content, your work and your healp

    • @josephberry4188
      @josephberry4188  4 роки тому +1

      Sebastian Pertuz glad to be off help. Keep pushing those animations 😎

  • @kasperwichmann3356
    @kasperwichmann3356 4 роки тому

    How do you make the magnetic burger menu effect you were talking about?

  • @arpadracz-fodor3864
    @arpadracz-fodor3864 4 роки тому +1

    Cool stuff as always. Btw I promise I'll be the first to sign up for your course, just please tweak your camera and audio setup a little bit :D

    • @josephberry4188
      @josephberry4188  4 роки тому +1

      Árpád Rácz-Fodor I have a studio that I will be using so the video will be crisp and the vocals tight. Will be doing full production.
      These videos are just quick and dirty I would love to invest more time but at the moment it's difficult.

    • @arpadracz-fodor3864
      @arpadracz-fodor3864 4 роки тому +1

      @@josephberry4188 Nice, can't wait for that!

  • @krishneide
    @krishneide 2 роки тому

    Great tutorial, thank you. I'm using it for a school project. I have a question about making the menu a symbol, to use in all website pages. How would I go about it? Should I create separate symbols for menu-parent and menu-overlay? Or should they be all in one symbol (I'm not even sure if I can do this)? Thank you very much

  • @Ryan-eb3go
    @Ryan-eb3go 4 роки тому +1

    Hey Joseph! Absolutely awesome tutorial. Got this working and I'm loving it. Question: is there a way for the menu to be in that initial state (unseen) while I'm in the edit mode? Right now I'm unable to edit the actual page underneath it because the menu is defaulted to full screen when I'm not in preview mode.

    • @josephberry4188
      @josephberry4188  3 роки тому

      Yer you need to set it to display none. And then activate this in the interaction.

  • @roeldekkers7451
    @roeldekkers7451 4 роки тому +1

    Hi Joseph! thanks for this interesting tutorial. I've got a question about closing the hamburger menu. I made a except replica of your hamburger menu and now i'm trying to use it as a navigator to different sections on the website. I've put the closing interaction on the nav links. When i click the nav link all the links dissappear as expected, except for the menu overlay. Do you know what is causing this problem? thanks in advance

    • @josephberry4188
      @josephberry4188  4 роки тому

      Roel Dekkers not to sure what it could be but most likely the nav links have an interaction which is turning them off via the click.

  • @farhan-app
    @farhan-app 4 роки тому +1

    Television Center?!!!

    • @josephberry4188
      @josephberry4188  4 роки тому

      Farhan Munim what you mean? Thats the building I work in.

    • @josephberry4188
      @josephberry4188  4 роки тому

      Farhan Munim ow nice, doing what ?

    • @josephberry4188
      @josephberry4188  4 роки тому +1

      Farhan Munim omg thats mental. I work for digitas 😂

  • @coreyrmckay
    @coreyrmckay 4 роки тому +1

    rich