LIVE WEBFLOW designing Tesla's Website

Рет қаралды 87,564

2 жыл бұрын

Today we'll be building live www.tesla.com using Webflow
Download Assets & custom code to work with us 👉 bit.ly/3NdJYhw
Want to become a Webflow professional and build custom website for clients?
Check out our full Webflow Masterclass (and enjoy $200 OFF until Friday): bit.ly/39B00UY
📱 Find us on SOCIAL MEDIA
Flux Academy's Instagram 👉 / flux.academy
Ran's Instagram 👉 / ransegall

Пікірлер: 60

@tukellberry Жыл бұрын

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

@motips 2 жыл бұрын

Love your work guys! Very helpful

@andyatmosphere Жыл бұрын

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

@asheradanehi7080 10 ай бұрын

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

@gaborszalay6669 Жыл бұрын

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

@Creativlinc 2 жыл бұрын

Learning made easy....Thanks Flex Academy

@joshhalloran6043 Жыл бұрын

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

@Rahuluyadav 10 ай бұрын

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

@marekfrota2822 7 ай бұрын

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

@jeffreyackerman4119 2 жыл бұрын

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

@AlbaraAlohali 2 жыл бұрын

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)?

@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

@marke3470 Жыл бұрын

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

@abdulchowdhury2635 25 күн бұрын

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

@solebydesign Жыл бұрын

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?

@muhammadumeralam3591 Жыл бұрын

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

@hareeba793 8 ай бұрын

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

@geoffdawes6529 2 жыл бұрын

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 2 жыл бұрын

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

@m-umar-amir 2 жыл бұрын

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

@bochano Жыл бұрын

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

@sufyanahmad99 Жыл бұрын

everything is great sir

@zechrush5928 Жыл бұрын

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 Жыл бұрын

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? :,(

@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!

@zoharmoyal 2 жыл бұрын

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

@IStMl 2 жыл бұрын

yeah but not the free version

@brightuiux2002 6 ай бұрын

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

@user-bu1wv4qm7x 2 ай бұрын

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 ?

@spanodesignagency4126 Жыл бұрын

It seems like the Tesla home page is just a CMS system? [ Name, description, background, button 1 text, button 1 link, ]

@thetomiwayusuff4223 Жыл бұрын

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

@MalikJahanzeb13 Жыл бұрын

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

@raphaeluzoagba948 Жыл бұрын

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

@abdulkareemsaadullahi7856 8 ай бұрын

Good of you sir

@chrisfx9097 Жыл бұрын

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

@davidjohnmorse 2 жыл бұрын

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

@m-umar-amir 2 жыл бұрын

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

@vasana.digital 2 жыл бұрын

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

@Onyekaezeneche Жыл бұрын

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

@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 Жыл бұрын

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

@Creativeaustin4332 2 жыл бұрын

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

@m-umar-amir 2 жыл бұрын

Visit Flux-Academy.com

@user-sq3ui3ij5x 9 ай бұрын

i cant get assets from link why?

@KhalilKHAMLICHI 4 ай бұрын

you are the best

@FluxAcademy 4 ай бұрын

Thanks!

@hugop5317 Жыл бұрын

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

@Onyekaezeneche Жыл бұрын

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

@peterberns1027 7 ай бұрын

Same

@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

@priyamsingh1398 Жыл бұрын

same bruh

@A2-wv1xe 10 ай бұрын

is web flow free to use ?

@cre8vedesign 2 ай бұрын

yes but with limitations

@3129andrew 17 күн бұрын

Assets not found.

@FluxAcademy 16 күн бұрын

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

@stanislaslaurent8467 Жыл бұрын

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

@anatoliepolisciuc Жыл бұрын

anyone paste the code here please

@bluexerries2159 Жыл бұрын

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

@3129andrew 17 күн бұрын

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

@FluxAcademy 15 күн бұрын

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.