Definitely the best tutorial I've seen. After probably more than 50 tutorials, yours is the one that made me understand what the others could not. Thanks so much. Unbelievably valuable. I'm now a subscriber.
I have been a developer since the time there was no react or all these advance tutorials, I have worked with some big organisations as a UI/UX developer writing lots of code- all my life I have told inters or new people is that all u see is boxes and u need to put things properly in the box. You said it so correctly it’s boxes inside Box it’s all box
Thanks Ran, just finished the lockdown playlist for web design. Before I start designing, thought I could know my way through Webflow. #selfwebdesigner One love sir. I just understand you better.
I'm Korean and I've never worked in design before. I stumbled upon this video because I'm interested in webflow, and it's really helpful for a beginner like me. I understood the concept of how each feature of webflow is used. Thank you.
Great tutorial. Watching this makes one wonder why they would ever deal with a service like Wix. Webflow is such a beautiful, intuitive and robust tool for anyone with a background in design.
You know how beautifully you explained this better not many people have such great clarity, if you could be a coder with this clarity you can design wonders in UI/UX many kids from ivy leagues did not had this good clarity with design.
Hands down the best tutorial ever. I have a degree in digital publishing and I've been learning web design for the last 4 years. One the biggest frustrations is poor teaching.
Many thanks, Ran, it has been a very easy-to-follow and useful tutorial. I thought I was late to build my skills on Webflow but I got motivation from you.
Ran you never fail to impress me with all your videos... this was brilliant! In fact I signed up for your course because of the way you explain and go through every step in your videos. Thanks for all you do and share with us
Hello, this is me before watching this tutorial. I never tried web designing and i dont know anything on webflow, ill leave my answer after finishing this tutorial and try to make a site. I trust you Flux
I’m trying to recreate Jacob & co website, it’s so hard! Maybe you can make a tutorial on how to recreate such complicated website, that includes advanced animations?
Thank you for your efforts and very good and clear explanation. It will be appreciated if you make video for responsiveness for this design especially.
I hope Webflow pays you. There content is creative. Your content is concise and all the essentials to get to functionable for someone who has no experience.
Make sure you’re always referencing your layer hierarchy when applying styles. In fact, just keep them open and visible the entire time. I get easily lost and confused on what’s affecting what. On the part you started adding padding and margins to the content, I immediately forgot what your layers looked like and what had what in it when you panned away. So I don’t know to what hierarchy did you start adding padding to: the Body or the wrapper containing the hero content. I am so bad at hierarchy and it easily confuses me, I need to have a visual reference at all times to figure it out. 😰
Hi Ran, At 4:26 in the video, the body has three sections. Why are three Div blocks added within a section instead of adding three sections? I don't quite understand the logic here. I'm wondering if others have the same question as I do.🤔
Becuase if the page was longer, there would be other sections, and you'd like to put the BG image only on the first section, so you need to wrap them in a DIV
Thanks for this video, I have been following the webflow 101 tut, but they make a lot of mistakes there and takes forever to build just a very simple example.
About to get started on my first ever independent site , chat gpt told me web flow is number one on the list for some of the things I would like to see on my central hub , really floating bubbles and like a roller coaster going through the site , does it show where the links will lead .?
Hi Ran, great tutorial, just build it with the assets you provid. One question: Can you explain why the images in the card div are slightly more left. The padding on the card is 7px in the tutorial, also in your tutorial if you look closely the white border on the left side seems visible thinner than on the right side. when i change it to 9px left and let it on 7px right padding, it seems "centered". Why isn't it centered with 7px left and right. I don't get it, but want to "understand" it. Would be great if you could clarify. Thanks a lot. Best from germany
Excellent! I need a second crash curse - specifically adding more complexity (I mean this is just a landing page, as well as animations, transitions etc. Also - any simple way to make a dark mode light mode and language toggles?
just finished the video. I think it's kinda similar to figma. I'm a figma designer. willing to learn a new app. i saw some videos about webflow, framer and wordpress. one of my friend is currently working with wordpress. so i wanted to try a new one. I'm basically focusing on designing and building no code animated websites. which platform would you suggest for me so i can design and animate a website without or with less limitation on my thinking. I'm currently doing my bachelor in CSE, will have few coding knowledge in upcoming year but not much. Thank you for your Concern.
Can anyone tell me why should I use webflow for website development ? it is 10 times hard to code here than wordpress. Please guide me about the benefits of using webflow.
In framer am I able to create a navigation, for instance I have a camera, I want the navigation to be the cameras navigation on the right. could I do something like that. PS its going to be a photograph website/portfoilio, this could impact other sizes for etc:mobile, and tablet. If you understand what I mean! Great video easy to follow edit: just realised this is webflow
Hello everyone!, does anybody knows why flexbox space between works different in a section and works different in a container? I have seen in containers it leaves space in the left and in the right.
Thanks for the video. I have a problem with the HERO SECTION. It shows up a little space of the BODY and while adding a photo, it's just a little part appears in the little HERO SECTION. Can anyone please help me with this?
Hi, Sorry you’re having trouble accessing our resources. Please click "Help" on our website (bottom right corner) and a member of our team will assist you.
When you use the word 'complicated' when describing this application does not encourage one to want learn and train to use You,aren't making it any easier
On a serious note should I convert to web flow because I am a pro at WordPress and know the inns and outs and I'm making money from it but I'm still young so should I convert due to the future.
Definitely the best tutorial I've seen. After probably more than 50 tutorials, yours is the one that made me understand what the others could not. Thanks so much. Unbelievably valuable. I'm now a subscriber.
Great to hear! Thank you
I'm Palestinian and I appreciate your videos 🥲☮
I’m Scottish and I appreciate your comment 🎉🎉😢😢
Hey buddy more love you too you brave guys , how was the situation now. ❤
May Allah protect you and grant you victory
I have been a developer since the time there was no react or all these advance tutorials, I have worked with some big organisations as a UI/UX developer writing lots of code- all my life I have told inters or new people is that all u see is boxes and u need to put things properly in the box.
You said it so correctly it’s boxes inside Box it’s all box
This video closed me on doing the course. Explained in a way that gave me better confidence to build in WebFlow.
Love that!
I am a Visual Designer, I want basic stuff about development but this really helped me understanding the structure and design. Love it!
Great to hear!
Thanks Ran, just finished the lockdown playlist for web design. Before I start designing, thought I could know my way through Webflow. #selfwebdesigner
One love sir. I just understand you better.
I'm Korean and I've never worked in design before. I stumbled upon this video because I'm interested in webflow, and it's really helpful for a beginner like me. I understood the concept of how each feature of webflow is used. Thank you.
Great to hear
Great tutorial. Watching this makes one wonder why they would ever deal with a service like Wix. Webflow is such a beautiful, intuitive and robust tool for anyone with a background in design.
You know how beautifully you explained this better not many people have such great clarity, if you could be a coder with this clarity you can design wonders in UI/UX many kids from ivy leagues did not had this good clarity with design.
Hands down the best tutorial ever. I have a degree in digital publishing and I've been learning web design for the last 4 years. One the biggest frustrations is poor teaching.
Glad it was helpful!
Great! Now I have my first webflow project! It was amazing class, very good going to the point! Success! Thanks
Fantastic!
Many thanks, Ran, it has been a very easy-to-follow and useful tutorial. I thought I was late to build my skills on Webflow but I got motivation from you.
Great to hear!
I am working on my new website for my own brand and this is very very helpful. Thank you!
Glad to hear!
Loved the video. I understand designing on Webflow much better now and the tutorial was easy to follow. Amazing job!
Awesome! Glad that this was helpful for you
Ran you never fail to impress me with all your videos... this was brilliant! In fact I signed up for your course because of the way you explain and go through every step in your videos. Thanks for all you do and share with us
Thanks! Excited to see you in our community!
Wow -very simple and interesting way of teaching - appreciate 👏
Best tutorial I've seen! Really appreciate the way you highlighted and explained all the boxes in a visual way!
Glad it was helpful!
@@FluxAcademyCan We Able To Create Weather API Like This Without The Code?
Nice, thanks for sharing, i'm really interested to get into this, looks like interesting.
Have fun!
...just when i felt stuck here comes this AMAZING tutorial!
the best video tutorial about webflow
Thanks!
Hello, this is me before watching this tutorial. I never tried web designing and i dont know anything on webflow, ill leave my answer after finishing this tutorial and try to make a site. I trust you Flux
Can't wait to hear your thoughts!
Amazing tutorial, thank you! Might be comfortable for Figma users, gonna move to webflow right now
by far the best one that has helped me understand webflow, the webflow uni tutorials are atrocious
Glad to hear it helped!
Man that was so helpful and actionable. You're a very good teacher, I built right along with the tutorial. I'll look in to the masterclass! Cheers.
Thank you!
This is actually very straight forward. Not as "complicated" as many people claim it to be.
Need a tutorial on responsiveness ❤❤
by far, the best tutorial.
Amazing tutorial absolutely.
I’m trying to recreate Jacob & co website, it’s so hard! Maybe you can make a tutorial on how to recreate such complicated website, that includes advanced animations?
Had a quick look and it's definitely possible in Webflow. Our Webflow Masterclass covers advanced animations.
@ can you do a yt tutorial on such animations?
Muchísimas gracias por el excelente tutorial! me ayudó bastante con una tarea de la uni
Great tutorial! Thank you
Thank you for your efforts and very good and clear explanation. It will be appreciated if you make video for responsiveness for this design especially.
I loved!
I'm a little scared that AI will replace us when it comes to making websites
It can be scary, but that will not happen anytime soon
I hope Webflow pays you. There content is creative. Your content is concise and all the essentials to get to functionable for someone who has no experience.
Thanks! Happy to hear.
Keep on updating~~u've got this.
amazing tutorial
Thank you for this tutorial.
Make sure you’re always referencing your layer hierarchy when applying styles. In fact, just keep them open and visible the entire time. I get easily lost and confused on what’s affecting what. On the part you started adding padding and margins to the content, I immediately forgot what your layers looked like and what had what in it when you panned away. So I don’t know to what hierarchy did you start adding padding to: the Body or the wrapper containing the hero content. I am so bad at hierarchy and it easily confuses me, I need to have a visual reference at all times to figure it out. 😰
Hi Ran, At 4:26 in the video, the body has three sections. Why are three Div blocks added within a section instead of adding three sections? I don't quite understand the logic here. I'm wondering if others have the same question as I do.🤔
Becuase if the page was longer, there would be other sections, and you'd like to put the BG image only on the first section, so you need to wrap them in a DIV
Want more like, this is very easy to learn with you
Great tutorial to help choose!
great tutorial, thank you so much for sharing
Clever and pretty. This guy is a full package.
🙏❤️
Awesome video! When is part two?
What would you like to see there?
Wow, insane video editing. I got inspired by these animations and sound effects. Are you doing edit by yourself? Or you have a editor?
We have a team
Very well done my friend
Thanks for this video, I have been following the webflow 101 tut, but they make a lot of mistakes there and takes forever to build just a very simple example.
Glad it helped
About to get started on my first ever independent site , chat gpt told me web flow is number one on the list for some of the things I would like to see on my central hub , really floating bubbles and like a roller coaster going through the site , does it show where the links will lead .?
Can you also put a course together to teach us how to design websites pretty please ?
Our new course Web Design Masterclass might be just what you are looking for? You can get it for 30% off until the end of Wednesday (2 Oct)
nice explanation sir thnx for this.
Most welcome
@@FluxAcademy All of your viewers have to appreciate for this level of work and explanation.
Hi Ran, great tutorial, just build it with the assets you provid. One question: Can you explain why the images in the card div are slightly more left. The padding on the card is 7px in the tutorial, also in your tutorial if you look closely the white border on the left side seems visible thinner than on the right side. when i change it to 9px left and let it on 7px right padding, it seems "centered". Why isn't it centered with 7px left and right. I don't get it, but want to "understand" it. Would be great if you could clarify. Thanks a lot. Best from germany
Thanks Ran. I love Flux Academy’s content!🔥👍🏻
Appreciate it
"Just add some videos about animation & interaction,
and you'll complete the Webflow game!"
FLEX
This is super helpful! Thank you so much!
Glad it was helpful! Thanks Abigail
Thanks for sharing. New sub
If you can design it in Figma and transfer it wo Webflow, why would you go this way. I would be happy is someone would explain
From Nigeria 🇳🇬 thanks for this video
Thank you
Bro Your Very Execellent Web devolopment
This was very helpful. Thank you!
Glad it was helpful Grace!
Excellent! I need a second crash curse - specifically adding more complexity (I mean this is just a landing page, as well as animations, transitions etc. Also - any simple way to make a dark mode light mode and language toggles?
Always Best!😍
Super insightful! 😮
Appreciate it 🙏
this is so helpful! Thanks :)
Glad it was helpful!
24:44 "You can stack"
Looks like you are using Framer, is it right?
haha, there's a reason framer called it stack - beacuse it make sense for this usecase.
How to make it responsive for phone layout?
Can I do backend here?
First Student 😀 👨🎓
Welcome!
just finished the video. I think it's kinda similar to figma. I'm a figma designer. willing to learn a new app. i saw some videos about webflow, framer and wordpress. one of my friend is currently working with wordpress. so i wanted to try a new one. I'm basically focusing on designing and building no code animated websites. which platform would you suggest for me so i can design and animate a website without or with less limitation on my thinking.
I'm currently doing my bachelor in CSE, will have few coding knowledge in upcoming year but not much.
Thank you for your Concern.
Webflow is currently the most robust when it comes to animations
I see that you don't use 4px or 8px grid system in this design. Is there any specific reason?
Can anyone tell me why should I use webflow for website development ? it is 10 times hard to code here than wordpress.
Please guide me about the benefits of using webflow.
Gorgeous 🥰 video 📸
Plz help!!!! 🙏
How can I connect my wrbflow login & signup pages to USIP or somewhere else???
In framer am I able to create a navigation, for instance I have a camera, I want the navigation to be the cameras navigation on the right. could I do something like that. PS its going to be a photograph website/portfoilio, this could impact other sizes for etc:mobile, and tablet. If you understand what I mean! Great video easy to follow edit: just realised this is webflow
can you specify what you mean by ,the cameras navigation’ ? How should the interface look like, any specific camera model? etc
@@whatsgoinon150 I am talking about the dial on the right too select certain modes
Amazing !!!
Great
Why is there no lesson on responsiveness? PX units are difficult for responsiveness, maybe you could make a lesson on that
This is a quick "crash course". We have videos on responsiveness and accessibility on the channel.
Hello everyone!, does anybody knows why flexbox space between works different in a section and works different in a container? I have seen in containers it leaves space in the left and in the right.
Thanks for the video. I have a problem with the HERO SECTION. It shows up a little space of the BODY and while adding a photo, it's just a little part appears in the little HERO SECTION. Can anyone please help me with this?
Why is my nav-buttons-wrapper 3x bigger compared to your size and I can't find where I can make it smaller.
Also the blur doesn't work for me
how is this program called? look great :)
Webflow
I can't seem to download the working files in most videos. I don't know if it's just on my end
Hi, Sorry you’re having trouble accessing our resources. Please click "Help" on our website (bottom right corner) and a member of our team will assist you.
I want to learn the webflow like a pro i want to build websites something like this one
You're in the right place
How to connect the webflow design to a database
Webflow has their own database (CMS), but you can also link an external one
How to give this to client? Client have to pay for plan or what? No one is talking about it! Help pls.
There's a cost for the domain and hosting of any website.
@@FluxAcademy u did not help at all...Yea i know im no stupid. But what plan and how to migrate website to client's account?
@@Mania26 Webflow knowledge base and support can hep you with this. Best of luck!
Oh look, a box model. I wonder where I've seen that before 🤔
Ah yes, that's exactly what HTML is. 😂
Показывайте и P2P чаще, а то давно не было
I don't receive a mail with the content. I've tried it 2 times.
Email team@flux-academy.com
When you use the word 'complicated' when describing this application does not encourage one to want learn and train to use
You,aren't making it any easier
It's so complicated, I'm moving off webflow. It's so painfully complex.
@stevegehrman3843 I understand. Since my last comment I've decided to use squarespace
On a serious note should I convert to web flow because I am a pro at WordPress and know the inns and outs and I'm making money from it but I'm still young so should I convert due to the future.
Also with its compatibility with e commerce, plug inns and hosting services etc
❤
how long do the working files take to send? been waiting so long :(
Sorry! we seem to have an issue on the website. Please reach out to our support and they will send it to you
Like it
I'm sorry, but that transition sound is super annoying (airpods pro reference) . Still grateful for your tutorial.
It seems only used at the beginning of the video.
anyone with an agency contacts ?
wondering WhY would someone PAy Roughly $600 for the course when you can watch webflow university for free? thanks in advance
Here's the answer: ruclips.net/video/MLAlsKZusHg/видео.html
Чоткая лаба
How can I learn webflow
Start with this video 😄
don't bother.
Never got your freaking email. I hope I don't start receiving spam instead
Sorry, we had an issue with emails yesterday, hopefully you'll be getting it now!
9:45 Yup... That's what all my WebFlow websites look like. So I'm pay attentioning henceforth...