Interesting to see the thought that went into your process. Great video! 5:50 - it's really reassuring to see that not only my websites have a gazillion animations 4:20 - here it's generally a good idea to use scale instead of height, to optimize for the client load
@@iDATUS what I mean is: when animating the pink background, it's a good idea to scale it across the Y axis instead of adjusting the size. Here it won't impact the performance a lot but it's a good practice to use CSS scale instead of CSS resize animations.
@@alexhartan Ahh at 06:30 use scale interaction, there are a lot places in webflow that can do things. Took me a while to remember what the question was.
Awesome! been using you as a mentor for my studying and breaking down key points in my ventures👌🏽thank you for content Ran & Flux Team ! Digital Gangstas;)
great vid. I would consider putting your camera view in the bottom left instead as you are covering a lot of the style panel where most stuff is going on when working in webflow xx
Wooohoo! Awesome animations! Hey Ran, next time you do Webflow videos, can you move your webcam window? It was difficult to see what you were working on.
Here's a proposition: mirror the mic stand position to your right. I believe this would better balance the composition since your laptop is on the same side currently. Great video, Ran, keep 'em coming!
Extremely nicely done video. Lots of actual real life objects. I can't say I like the website design, hero has too much going on for it. Peoples face icons seem a bit harsh, maybe soften the edges with page colour outline.
Hey Ran! First, I owe you a huge thank you, because of you, I have found the web design software I have always wanted in Webflow! Second, I would really love a video on how you integrate your site with Teachable. Your other video from a couple years ago on building a Teachable Sales Page was my first introduction to Webflow. When I go to your Flux Academy website now, it seems that you have deep integration between Webflow and Teachable. Are you using Zapier? Explaining the updated relationship between Webflow and Teachable would be really helpful for us who use Teachable but want to give it the Webflow touch. Thanks Ran!
Hello Ran, I use learnworlds for my academy but it has a lot of design limitations. is there a video n how you created the "academy" part of the website using webflow?
Very nice animations, but when I visit your website on google chrome it's very buggy and cracky and not smooth at all. Is this a webflow problem because I want to learn webflow but I don't know the responsiveness of webflow. If your site is not responsive then my site will definitly not be responsive and smooth.
I want to change the video in a video player through a button or thumbnail it is basic, common on many website how comme it is hard to figure it out how to do it in webflow?
I have a question. What's web-flow really for? I see that it is some advanced page builder but what advantages come from it? Like is it easier to learn these cool animations, events, and basically making the whole website in webflow or you prefer writing code manually? I'm learning web development and I'm wondering if one should stick to learning to code or to take a look at web-flow.
Webflow is a no code option for people who want to develop websites without knowing how to code. You could still use it if you know how to code cause you can import custom code into it I’m pretty sure...
absolutely love your content. Just getting started with Webflow and you're easily the best communicator on the topic that I've found. But I have to say this with total love: its pronounced "HUV-er"! FOR THE LOVE OF GOD...."HUV-ER" not "HOE-VER" :D But seriously...outstanding work.
I think he said he use div blocks to create a single line and turned it into multiples and then created a class of its own and simply duplicated across the avatars creating a chain reaction with the mouse hover
Since i’ll actually get a chance to put a comment you might read with out comment bloat lol - great work, learning a lot from you and some of the other tubers. I was actually really interested in specifically how you generated the effects for your website, so i’m dead pleased you took the time to explain. Much appreciated 👌🏻
Interesting to see the thought that went into your process.
Great video!
5:50 - it's really reassuring to see that not only my websites have a gazillion animations
4:20 - here it's generally a good idea to use scale instead of height, to optimize for the client load
What do you mean by scale, vh, scale interaction or something else?
@@iDATUS what I mean is: when animating the pink background, it's a good idea to scale it across the Y axis instead of adjusting the size.
Here it won't impact the performance a lot but it's a good practice to use CSS scale instead of CSS resize animations.
@@alexhartan Ahh at 06:30 use scale interaction, there are a lot places in webflow that can do things.
Took me a while to remember what the question was.
Excellent animations and explanations! Would love a quick demo on how you created the navigation rollover effect.
Noted! Thank you! 🙌
I know this vid is two years old but still very valuable, thanks for showing your thought process and how to get these effects in webflow!
It's amazing how you can easily implement complex css concepts on websites using webflow
💯
Awesome! been using you as a mentor for my studying and breaking down key points in my ventures👌🏽thank you for content Ran & Flux Team ! Digital Gangstas;)
great vid. I would consider putting your camera view in the bottom left instead as you are covering a lot of the style panel where most stuff is going on when working in webflow xx
Wooohoo! Awesome animations!
Hey Ran, next time you do Webflow videos, can you move your webcam window? It was difficult to see what you were working on.
thanks! 🙌
Awesome Ran! Would love to see a breakdown of those video custom mouse hover interactions
Noted! Thanks! 😊
I love the intuitiveness of Wbf! Super helpful.
Here's a proposition: mirror the mic stand position to your right. I believe this would better balance the composition since your laptop is on the same side currently. Great video, Ran, keep 'em coming!
I'm happy to hear that you liked the video. Thanks for the feedback! 🙏
Extremely nicely done video. Lots of actual real life objects.
I can't say I like the website design, hero has too much going on for it.
Peoples face icons seem a bit harsh, maybe soften the edges with page colour outline.
very cool thanks
Hey Ran! First, I owe you a huge thank you, because of you, I have found the web design software I have always wanted in Webflow! Second, I would really love a video on how you integrate your site with Teachable. Your other video from a couple years ago on building a Teachable Sales Page was my first introduction to Webflow. When I go to your Flux Academy website now, it seems that you have deep integration between Webflow and Teachable. Are you using Zapier? Explaining the updated relationship between Webflow and Teachable would be really helpful for us who use Teachable but want to give it the Webflow touch. Thanks Ran!
Looks great. I have a quick question. How did you get the absolutely positioned elements behind the header text on the home page?
The Enroll now button at the bottom of the page does not have a link behind it... you might want to fix that...
I have multiple page load interaction some works some not. How to resolve this?
Very insightful, Ran, thank you.
Glad it was helpful!
The thing and the thing, which moves this thing and that thing. I thing I get it.
Hello Ran, I use learnworlds for my academy but it has a lot of design limitations. is there a video n how you created the "academy" part of the website using webflow?
Very nice animations, but when I visit your website on google chrome it's very buggy and cracky and not smooth at all. Is this a webflow problem because I want to learn webflow but I don't know the responsiveness of webflow. If your site is not responsive then my site will definitly not be responsive and smooth.
I want to change the video in a video player through a button or thumbnail it is basic, common on many website how comme it is hard to figure it out how to do it in webflow?
you are a legend pal
😎 😅
I have a question. What's web-flow really for? I see that it is some advanced page builder but what advantages come from it? Like is it easier to learn these cool animations, events, and basically making the whole website in webflow or you prefer writing code manually? I'm learning web development and I'm wondering if one should stick to learning to code or to take a look at web-flow.
Webflow is a no code option for people who want to develop websites without knowing how to code. You could still use it if you know how to code cause you can import custom code into it I’m pretty sure...
Personally if I can, I won't code. And Webflow made building websites simpler and faster for me.
Great video! webflow is awesomee
It really is! 💯
absolutely love your content. Just getting started with Webflow and you're easily the best communicator on the topic that I've found. But I have to say this with total love: its pronounced "HUV-er"! FOR THE LOVE OF GOD...."HUV-ER" not "HOE-VER" :D But seriously...outstanding work.
lmao its just his accent chill
Respect for the work 🤟🤟 Ran can u plz share some light on the head in the hero section, how did u design it. Plz do reply. Thank you
Beautiful
Wonderful website, bro amazing, I have tried it, but can't do page load animation and the scroll animation in same time
May I ask how do you make the responsive connection line for all the avatar photos in the Join 3000+ mouse movement section?
I think he said he use div blocks to create a single line and turned it into multiples and then created a class of its own and simply duplicated across the avatars creating a chain reaction with the mouse hover
How does a page loader work? How does it know when the page has fully loaded? Can I also just play the loader for 3 seconds and then show the page?
THX for that
thank you sooo much
You're welcome! 🙏
What about Credit Clearing in Israel if I want to build a store?
The net thing with peoples faces isn't working on mobile. When I tap on one of them I can't see the name of the person.
May I know what is the font that you have used throughout all of Flux websites?
IntegralCF and Sofia Pro 😊
Thanks a lot! ✌️😊
Can you make some custom templates and put in public.
is there any kind of design job where i don't have to be creative but more like executioner ???
Maybe you'd like to work at an agency where you just focus on design?
Hey 1 here
🥇
✌🏼
Since i’ll actually get a chance to put a comment you might read with out comment bloat lol - great work, learning a lot from you and some of the other tubers. I was actually really interested in specifically how you generated the effects for your website, so i’m dead pleased you took the time to explain. Much appreciated 👌🏻
Happy to hear that! Thank you! 😊
im number one
I think Caio Medeiros was first... 😅
@@FluxAcademy it’s a mindset thing🤯
😱 🤯 🙇♂️
Bad UI/UX needs explanation 😜
wtf lol... i dont understand any of this...
how much harder can you make it look?? you're showing off how good you are but not teaching at all
18 seconds time to interactive. Lots of unnecessary animations. This could be a lot better if it was simpler and faster.
i think they wanted to show what is possible, ignoring the search engine optimization, which is certainly not necessary anymore due to the popularity