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.
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.
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.
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.
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.
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
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
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’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.
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 .?
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 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.
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.
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?
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
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.
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?
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.
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.
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
![[MV] A leap of faith...ความเชื่อใจครั้งสุดท้าย (From "Petrichor the series")](http://i.ytimg.com/vi/U1piZH2CNXA/mqdefault.jpg)
![PASULOL รามเกียรติ์ ตอนที่ 4 นนทกพบรัก [Ramakien Ep.4: Nonthok in love]](http://i.ytimg.com/vi/tMUQgmZzf_A/mqdefault.jpg)
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
This video closed me on doing the course. Explained in a way that gave me better confidence to build in WebFlow.
Love that!
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 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!
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
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.
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!
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 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.
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!
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
I am working on my new website for my own brand and this is very very helpful. Thank you!
Glad to hear!
Great! Now I have my first webflow project! It was amazing class, very good going to the point! Success! Thanks
Fantastic!
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?
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
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!
Wow -very simple and interesting way of teaching - appreciate 👏
by far the best one that has helped me understand webflow, the webflow uni tutorials are atrocious
Glad to hear it helped!
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!
Amazing tutorial absolutely.
...just when i felt stuck here comes this AMAZING tutorial!
Nice, thanks for sharing, i'm really interested to get into this, looks like interesting.
Have fun!
by far, the best 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
Need a tutorial on responsiveness ❤❤
Amazing tutorial, thank you! Might be comfortable for Figma users, gonna move to webflow right now
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’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?
Great tutorial! Thank you
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.
Muchísimas gracias por el excelente tutorial! me ayudó bastante con una tarea de la uni
amazing tutorial
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 .?
Keep on updating~~u've got this.
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.
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
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
Thank you for this tutorial.
This is actually very straight forward. Not as "complicated" as many people claim it to be.
Great tutorial to help choose!
Want more like, this is very easy to learn with you
"Just add some videos about animation & interaction,
and you'll complete the Webflow game!"
FLEX
Clever and pretty. This guy is a full package.
🙏❤️
Thanks for sharing. New sub
great tutorial, thank you so much for sharing
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
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
Thanks Ran. I love Flux Academy’s content!🔥👍🏻
Appreciate it
I see that you don't use 4px or 8px grid system in this design. Is there any specific reason?
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)
This is super helpful! Thank you so much!
Glad it was helpful! Thanks Abigail
Very well done my friend
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.
First Student 😀 👨🎓
Welcome!
How to make it responsive for phone layout?
From Nigeria 🇳🇬 thanks for this video
Awesome video! When is part two?
What would you like to see there?
This was very helpful. Thank you!
Glad it was helpful Grace!
nice explanation sir thnx for this.
Most welcome
@@FluxAcademy All of your viewers have to appreciate for this level of work and explanation.
Plz help!!!! 🙏
How can I connect my wrbflow login & signup pages to USIP or somewhere else???
Bro Your Very Execellent Web devolopment
Super insightful! 😮
Appreciate it 🙏
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.
Thank you
Always Best!😍
this is so helpful! Thanks :)
Glad it was helpful!
Can I do backend here?
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?
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
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.
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?
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.
Great
Amazing !!!
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.
Gorgeous 🥰 video 📸
how is this program called? look great :)
Webflow
Показывайте и P2P чаще, а то давно не было
How to connect the webflow design to a database
Webflow has their own database (CMS), but you can also link an external one
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 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!
I don't receive a mail with the content. I've tried it 2 times.
Email team@flux-academy.com
❤
Oh look, a box model. I wonder where I've seen that before 🤔
Ah yes, that's exactly what HTML is. 😂
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.
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
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: th-cam.com/video/MLAlsKZusHg/w-d-xo.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...