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
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.
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.
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
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.
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.
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.
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.
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
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
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?
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.
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.
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 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?
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 .?
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. 😰
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.
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.
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.
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.
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.
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.
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
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?
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 would like 365 videos like this by 2025, even if it's just 1 per month
@@FluxAcademyI would like 365 videos like this by 2025, even if it's just 1 per month
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!
Finally been able to actually do something on webflow, Best Tutorial ive come across
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
Right!
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
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?
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!
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!
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!
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.
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.
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.
Great! Now I have my first webflow project! It was amazing class, very good going to the point! Success! Thanks
Fantastic!
I am working on my new website for my own brand and this is very very helpful. Thank you!
Glad to hear!
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
@@ShereenAli-kc1zeAmeen 🕊️
Wow -very simple and interesting way of teaching - appreciate 👏
Super detailed and easy to understand, well done!🎉
Nice, thanks for sharing, i'm really interested to get into this, looks like interesting.
Have fun!
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
Great video! Thank you
You teach so well
Amazing! Thank you
Great tutorial! Thank you
Thank you so much!!! It really helped me to start working in webflow.
Great to hear!
Great tutorial 😍❤
JUST LOVE THIS!!
Need a tutorial on responsiveness ❤❤
by far, the best tutorial.
the best video tutorial about webflow
Thanks!
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!
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!
...just when i felt stuck here comes this AMAZING tutorial!
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
Keep on updating~~u've got this.
Amazing tutorial absolutely.
Muchísimas gracias por el excelente tutorial! me ayudó bastante con una tarea de la uni
Thank you for this tutorial.
Great tutorial to help choose!
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
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?
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
great tutorial, thank you so much for sharing
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!
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.
amazing tutorial
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.
Want more like, this is very easy to learn with you
That was perfect.
This is super helpful! Thank you so much!
Glad it was helpful! Thanks Abigail
Thank you very much
Very well done my friend
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.
Thanks Ran. I love Flux Academy’s content!🔥👍🏻
Appreciate it
Always Best!😍
This is actually very straight forward. Not as "complicated" as many people claim it to be.
Clever and pretty. This guy is a full package.
🙏❤️
Thanks for sharing. New sub
Awesome video! When is part two?
What would you like to see there?
Super insightful! 😮
Appreciate it 🙏
Plz help!!!! 🙏
How can I connect my wrbflow login & signup pages to USIP or somewhere else???
This was very helpful. Thank you!
Glad it was helpful Grace!
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
this is so helpful! Thanks :)
Glad it was helpful!
First Student 😀 👨🎓
Welcome!
How to make it responsive for phone layout?
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?
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
nice explanation sir thnx for this.
Most welcome
@@FluxAcademy All of your viewers have to appreciate for this level of work and explanation.
Can I do backend here?
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 .?
"Just add some videos about animation & interaction,
and you'll complete the Webflow game!"
FLEX
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)
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. 😰
I see that you don't use 4px or 8px grid system in this design. Is there any specific reason?
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
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.
Bro Your Very Execellent Web devolopment
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.
From Nigeria 🇳🇬 thanks for this video
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.
Thank you
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
Gorgeous 🥰 video 📸
how is this program called? look great :)
Webflow
Amazing !!!
great tutorial but I am not getting the files to follow along with
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.
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
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
I don't receive a mail with the content. I've tried it 2 times.
Email team@flux-academy.com
same
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!
This reminds me of a newer version of Dreamweaver for those who remembers that
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?
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.
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 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
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