LIVE WEBFLOW designing Tesla's Website

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

КОМЕНТАРІ • 61

  • @abdulchowdhury2635
    @abdulchowdhury2635 6 місяців тому +1

    The best channel for learning UI UX design. Thanks Ran segal❤

  • @jeffreyackerman4119
    @jeffreyackerman4119 2 роки тому +5

    Seems like adding the sections into the new div (for the scroll snap functionality) broke the down arrow button function.

    • @AlbaraAlohali
      @AlbaraAlohali 2 роки тому +5

      Indeed! I have looked up for why did the page section was not working anymore and arrived to the same conclusion. Adding sections under the (scroll snap wrapper) breaks. -- is there a fix for this (while keeping the scroll snap function)?

  • @asheradanehi
    @asheradanehi Рік тому +1

    I love it! I learnt so much and I’m gearing up to take the masterclass soon! Thank you for this ❤🎉

  • @Someoneshuman
    @Someoneshuman Рік тому +2

    Hope one day scroll snap is just a function added to section option itself... snapping is used so much it would make sense to do so... hopefully one day I'll get this to work agh hah

  • @muhammadumeralam3591
    @muhammadumeralam3591 Рік тому +1

    Nav link animation is broken. U hover over first element and then move on, this is ok. But if from start u hover on third child, the highlighter appears to be moving from first navlink. So it is not as intended

  • @gaborszalay6669
    @gaborszalay6669 2 роки тому +3

    Great video. But, could we get a solution to the non-working down arrow problem?

  • @geoffdawes6529
    @geoffdawes6529 2 роки тому +9

    Hey guys :)
    Is there a reason you didn't just apply the scroll interaction to all of the divs named "section" automatically? (trigger on all classes named "section")
    Adding the interaction to each section individually seems a bit tedious :)

    • @FluxAcademy
      @FluxAcademy  2 роки тому +5

      yep, you're right, forgot to do that! that would be the efficient way to go

    • @m-umar-amir
      @m-umar-amir 2 роки тому +2

      Webflow has not yet added Custom Breakpoints for Responsiveness! A feature which is Essential.

  • @tukellberry
    @tukellberry 2 роки тому +3

    Awesome, love the way you explain Stuff, pretty clear and strait to the point.

  • @brightuiux2002
    @brightuiux2002 Рік тому +3

    I'm finding it so hard to download these assets, can anyone help?

  • @davidjohnmorse
    @davidjohnmorse 2 роки тому +7

    Unfortunately free plan does not allow use of embed code :(

    • @m-umar-amir
      @m-umar-amir 2 роки тому +1

      Yes its true, also Webflow has not yet added Custom Breakpoints for Responsiveness! A feature which is Essential.

    • @vasana.digital
      @vasana.digital 2 роки тому +1

      add it to the page settings, try before the footer code. might work, good luck.

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

    Learning made easy....Thanks Flex Academy

  • @thetomiwayusuff4223
    @thetomiwayusuff4223 2 роки тому +3

    hi there flux, how do i get the assets please, the link isn't providing me with anything to download

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

      had you filled the form for resources? wait for 5-10 mints to mail get arrive.

  • @aquatics.simple
    @aquatics.simple 8 місяців тому

    Can I add video file instead of the the image u have uploaded ? And display in full size of the screen just like this home page ?

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

    Hi! Great video. I have a question. Can I set custom easing to snap scroll animation?

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

    Hi, im fairly begining and i know a good amount of webflow to work with it, and i was wondering since webflow is mainly for more dynamic websites can i still make a simple website like a clothing brand? using webflow.

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

    Super nice video! Thanks! Greeting from Bulgaria. :)

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

    I can't find the video where you took a design from client brief to development on webflow 😭

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

    Thank you very much for this stream. Helped me a lot.

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

    I can't make a navlink scroll to a specific section. does the snap scroll break this? is there a solution? Awesome videos btw

  • @zoharmoyal
    @zoharmoyal 2 роки тому +2

    Hey guys! :)
    Just wanted to ask if your Webflow course is for begginers?

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

      yeah but not the free version

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

    I have a question. If we don't want to use code then what we do to make section animate in one scrolling view?

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

    This was a great tutorial. However, as soon as you add the scroll snap wrapper. The down chevron anchor links stops working.

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

    After you add the line of code and move all of the sections under the 'scroll snap wrapper' it disables the DownArrow class button functionality... Is there a fix for this or have you noticed it doing that?

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

      To make the 'downarrow' button work on the 1st section, I had to remove it from the scroll snap wrapper... it just won't have the snap scroll going from section 1 to 2; I guess we wouldn't be able to add the button to every section if that be the case or is there something that can be added to the code where they can both work? :,(

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

    You sir…. Are a good teacher!! Thanks!

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

    i cant get assets from link why?

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

    I checked on the page but couldn't find where to download the resources 😓

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

    Love your work guys! Very helpful

  • @KhalilKHAMLICHI
    @KhalilKHAMLICHI 10 місяців тому +1

    you are the best

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

    why can't I download the resources?
    the link takes me to the website but nothing to download.

  • @Onyekaezeneche
    @Onyekaezeneche Рік тому +1

    I am not able to access any free resource on you website.

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

    Good of you sir

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

    I got this to work but its adding scroll bar to the bottom and right of the window. How do I remove this

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

      /* hide scrollbars */
      .scroll-snap-wrapper {
      -ms-overflow-style: none;
      scrollbar-width: none;
      }
      .scroll-snap-wrapper::-webkit-scrollbar {
      display: none;
      }

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

    Hi I keep trying to sign up to receive files and sign up for courses via your link in description but I never receive the emails. Are they being sent?

  • @3129andrew
    @3129andrew 6 місяців тому +1

    No assets: 404
    Page Not Found
    The page you are looking for doesn't exist or has been moved

    • @FluxAcademy
      @FluxAcademy  6 місяців тому

      Sorry you’re having trouble accessing this resource. Please click "Help" on our website (bottom right corner) and a member of our team will assist you.

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

    hello am Austin......how can i join the flux academy pls?

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

    Wow, another amazing video! I recently discovered Webwave and it's unlike any website builder I've ever used. It's like working in Figma or other design software, but you're actually building your website. I think you'd be the perfect person to review it and give your thoughts on its pros and cons. Let me know what you think!

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

    everything is great sir

  • @A2-wv1xe
    @A2-wv1xe Рік тому

    is web flow free to use ?

    • @cre8vedesign
      @cre8vedesign 8 місяців тому

      yes but with limitations

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

    Couldn’t you make one section that just make a symbol out of it?

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

    anyone paste the code here please

    • @bluexerries2159
      @bluexerries2159 Рік тому +2

      .scroll-snap-wrapper {
      scroll-snap-type: y mandatory;
      }
      .section {
      scroll-snap-align: start;
      }

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

    Hello, I tried applying the fade animation to Section/Containers (Trigger/Target) but it seems the scrolling boundaries are determined by the first section only

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

    thanks for the great work
    you have not send me the free resources and i have been giving my email for over three days

  • @3129andrew
    @3129andrew 6 місяців тому

    Assets not found.

    • @FluxAcademy
      @FluxAcademy  6 місяців тому

      Sorry you're having trouble accessing this resource. Please email team@flux-academy.com