Learn Webflow in 2024 (Beginner Crash Course)
Вставка
- Опубліковано 9 лип 2024
- Now is the time for you to learn Webflow. In this video we will build a website together and I’ll be covering the key concepts you need to get started.
Download the working files to follow along 👉 bit.ly/3V7yCSm
Discover the fastest, right way to learn Webflow-our full Webflow Masterclass course 👉 bit.ly/4br0Q1m
CHAPTERS
0:00 Intro
0:19 The box model
03:35 Set-up div blocks
05:21 Add elements
09:40 Styling
📱 Find us on SOCIAL MEDIA
Ran's X (Twitter) 👉 / ransegall
Ran's Instagram 👉 / ransegall
Flux Academy's Instagram 👉 / flux.academy
Flux Academy's TikTok 👉 / fluxacademy
This video closed me on doing the course. Explained in a way that gave me better confidence to build in WebFlow.
Love that!
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!
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!
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?
Always Best!😍
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!
Amazing !!!
Very well done my friend
This is super helpful! Thank you so much!
Glad it was helpful! Thanks Abigail
This was very helpful. Thank you!
Glad it was helpful Grace!
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.
this is so helpful! Thanks :)
Glad it was helpful!
Super insightful! 😮
Appreciate it 🙏
Thanks Ran. I love Flux Academy’s content!🔥👍🏻
Appreciate it
Need a tutorial on responsiveness ❤❤
Bro Your Very Execellent Web devolopment
Thank you
Gorgeous 🥰 video 📸
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!
Clever and pretty. This guy is a full package.
🙏❤️
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 loved!
I'm a little scared that AI will replace us when it comes to making websites
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
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 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.
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
nice explanation sir thnx for this.
Most welcome
@@FluxAcademy All of your viewers have to appreciate for this level of work and explanation.
how is this program called? look great :)
❤
Like it
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
Ran
One of the many things that I have learned from your UA-cam channel is that in the structure of a web page there is always a container.
Wouldn't a container be missing in this exercise?
A container is a div it just has pre-defined styles like padding, margins etc. with a div you can style it from scratch.
@@faelanm I know that using a div you can create a container, what seems strange to me is that Ran does not put a container in this exercise.
To be fair - i decided to have a design that doesn’t require a container for this tutorial for simplicity sake, as the video was getting a bit long. But yes, most designs require a container.
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.
Awesome video! When is part two?
What would you like to see there?
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!
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
First Student 😀 👨🎓
Welcome!
How to connect the webflow design to a database
Webflow has their own database (CMS), but you can also link an external one
How can I learn webflow
Start with this video 😄
I'm Palestinian and I appreciate your videos 🥲☮
I want to learn the webflow like a pro i want to build websites something like this one
You're in the right place
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.
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
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.
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: ua-cam.com/video/MLAlsKZusHg/v-deo.html
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!