Webflow for Beginners 2021 (Crash Course)
HTML-код
- Опубликовано: 30 июн 2021
- Follow along to build your first Webflow website!
Get the cloneable for this project (affiliate link)
webflow.grsm.io/2021-webflow-...
Get the images and assets for this project at
drive.google.com/file/d/1JgG0...
Join my Webflow Wizards Community
/ timothyricks
Try Webflow using my affiliate link below.
webflow.grsm.io/4840096 - Хобби
The first four minutes of this video is by far the most helpful webflow content I've ever seen. Thank you so much!
Your contribution in a Webflow family is admirable Tim. Thank you for the Wizardry technique.
what is this exactly?
after months of trying to learn webflow on and off I finally find this video. Best channel for learning webflow! thank you for all the work you put into making this video:)
Tim is the master of building complex things inside of Webflow 💪🏼 But this video for beginners is absolute gold* thanks Tim!
Thanks so much for the kind words, Payton!
This was incredible Tim!!
After struggling to learn the features by trying to start with the foundation for a few days - I decided to dive straight into this. I followed every step along the way - with a pause every 5-10 secs to do the step. Took me a few hours, but now I have completed a first webflow site. And genuinely feel more comfortable with the webflow designer and its features, to keep adding on. A GREAT 1st video for anyone learning webflow! Thank you.
Nah man this us insane. 30 minutes and I can already understand how to build a page? Kudos to you 🙌🏾
Timothy = Messi of web design
as a graphic designer trying to learn webflow, this is so helpful!! I appreciate the way you explain things and show them visually at the same time. when you explained the box model and labeled each part (section, container, and div blocks), it made so much sense :') thank you so much!
This was one of the most well spoken tutorials I've ever watched, thank you!
Thank you so much ❤️ one of best tutorial I have found on RUclips for webflow. Your explanation is so simple and valuable.
wow super great crash course! you did an amazing job including features that are daunting (like grids) as well as pointing out options that i wouldnt figure out on my own. thank you!
OMG, I love it, love it, love it, very well done, finally somebody that explains things properly, step by step without going through in a hurry like if competing in a triathlon. Thank you so much, very clear, the speed of your voice was perfect, and the little hints and tips were amazing. You got me excited about using Webflow, not enough words to thank you. I also did what other person in previous comments did, every a couple of seconds stop your tutorial and did what you were saying :D
thank you so much tim👏🏾 this video is a gem and probably the best webflow content i’ve seen 👏🏾👏🏾
About the best webflow beginner tutorial to watch. Rivals that of webflow University. Thank you so much.
Excellent tutorial, love all the responsive tips and the start of the process is like creating a style guide
Excellent presentation. Answeres LOTS of questions. Beginners have a hard time going at such a fast clip. Would love to see same presentation moving a LOT Slower, even if it took an hour and a halv or required breaking down into three or four seperate videos. Would spend much less time constantaly pulling time bar back and repeating numerous times. If you are experienced this is easy to follow - if you are a beginner its difficult to keep up. Just a suggestion.
Thanks for all you do.
:)
Wow.. One of the best videos I've ever seen. Thank you so much Tim. Cheers from Brazil.
Honestly this seems to be the best beginner tutorial I've seen so far. 👏 thanks!
I thought I was pretty comfortable working in Webflow before watching this. You just taught me so much about best practices and efficiency, this will be huge to make my work flow better. Thank you
Thank you! I'm so glad this is helpful
You're really amazing, truly appreciate the way you're helping new web-flowers to learn fast and professionally!
Thank you so much! Glad to help!
wow, this just made my day. learned all the concepts needed to get started. thanks alot.
What an amazing masterclass on building with webflow! Thank you. I learned so much 😳
Insanely valuable tutorial! Thanks Timothy!!!
thank you Timothy you are an impressive webflow designer for sure !
Wow, this tutorial is short, however I learned so much. You explain everything so well. Thank you so much 👍
Loved your video. Learned a lot from it. You're super talented! Thank you so much.
Thank you! You have clear settings without unnecessary actions.
I tried to learn it from other videos on RUclips, but the authors make some kind of rubbish in the settings on them.
love your videos ! best on RUclips ! so much value so clever !
awesome tutorial, I learned so much. Too much to comprehend in one go for me (although I already followed some beginner courses). So much to learn, I will repeat it tomorrow. Thanks so much!
Quality stuff. As usual.
Thanks, Tim!
Masterful as ever Timothy, beginners will get a lot out of this.
Thanks so much! I hope so
This tutorial was fantastic. I would've loved to see some of your own "best practices" weaved in. For example in another video you explained that you can/should change the Tag Element Setting to have better SEO. For readers: if you use a Webflow "section" element the html tag webfllow generates is still a but if you change the setting you can override that functionality and have the generated html tag be where appropriate. Little things like this are nice to learn "right" at the beginner level to have best practices from the start.
This is really helpful Timothy, thank you
This is awesome...want more beginners friendly video like this ✊🏻
Thanks bro i created my own with the help of this video.Thank you so much. Hope your'e still here man.
This was better then some themes on sale!
Fantastic video and easy to follow 👌
My absolute favorite guy!
Great as always. I'm not a beginner and I still managed to learn a couple of new things!
Thanks a lot, Tim!) Great, high quality tutorial! You are a good teacher)
Thank you!!
Amazing! Thank you!
Great tutorial Tim
Tim you are amazing !!! More Content
Thank you for this!
Amazing beginner's tutorial!!!
This was so helpful! Thank you!
Tbh this is the best tutorial out. Thanks, T Ricks!
Thanks so much!
Thank you for your effort and sharing knowledge, Tim!
Glad to help!
Once again, thank you!! These tutorials are awesome!
So glad they’re helpful! Thanks for the feedback!
YOU ARE AMAZING!! 🤩✨Thank you for the wonderful content 🙌🏽
So glad to help!
thank you so much Tim, you have helped noob's life like me become easier
Glad to help!
So much respect bro! thank you for massive contribuition 🔥🇧🇷
Thank you! So glad this is helpful
Great video!
Awesome. Thank you Tim!!!!
Glad to help!!
Well done!
Nice, thanks for sharing these
Thank you very much.
Great content👍
Thank you, your videos are so helpful, I do find them hard to follow as you move so fast and I
have to keep pausing
Thanks so much for the helpful feedback!
Really enjoyable ..
Awesome brother, This helps me a lot !
So glad to hear that!
Excellent tutorial, this is very hepfull. Great job!! i would like to see a full width menu done in webflow
awesome tutorial
Great video topic!
Thanks!
Good Work man! thanks
Thanks so much!
Thank you!
Very nice
bro....!!! thank you!!!
So glad to help!
Thank you for making cool videos…..❤️
Great tutorial. This was the second one from you i've followed, the first was "Intro to Webflow for Beginners".
I have one question, why did you opt for setting the typography size in this project in pixels instead of EM? Or a better question witch do you recommend the most using pixels or RM for type size?
Could u make a tutorial in the future where u show us how to build a lander using CMS?
Legend
Master full
Thanks, as usual, Tim! Great video! Any specific reason for using a div with 1px for a line instead of syling the top border of that div?
Thank you! The border needed to stay inside of the container’s padding instead of spanning the full top of the container.
💯👍💯🍦thx. very much!
10:29 can we simple use padding for the arrow for centering the arrow instead applying the flex box ?
At 25:00 tried several times but that didn't work. Else, it's my first Webflow Tutorial I love it 😍👏
Hey Tim, thanks for another brilliant video! Just wondered, why did you opt to build in px rather than em on this one?
Thanks Rachel! I stuck to only using px and % for this to make it easy for someone who’s never used WebFlow before. After understanding this, I’m hoping a beginner could eventually learn what VW is and how it works, and then learn the Wizardry technique with EMs.
@@timothyricks that's what I'm working on doing, making the conversion to EMs!
Hey Tim. Thanks for your invaluable tutorials. I do want to ask why you add a container to a section before adding text elements? Like you did in 8:00. Is it not possible to add elements directly to a section without a container?
Thank you! It's possible to add elements directly inside the section. Typically, it's consider best practice to have text and content inside a container for wider screens.
Can u plz tell the source from where did u get all images like any site ?
Did you save headings after you erased? How come !
Hey there, it's seems like my navbar is not working properly. Can you tell me how can I fix it.
CAN ANYONE HELP ME
im a beginner
My new sections are overlapping or comes between 2 sections, I changed the same in navigation.
But no happening, can anyone please?
Timothy you know that now we need more Tricks right? Jokes aside, getting the styleguide and the classes right in the beginning of a project saves a lot lot lot time. Are we supposed to create a dedicated page inside the project for a styleguide to be always available in case we may need readjustments?
Thanks so much! Yes, creating a style guide page can be really useful
🔥🔥🔥
I notice alot of the elements have a 0 margin at top is that usually best practice? Also i notice putting a div into a container into a section, is this usually a best practice that we should bring forth into future designs?
Yeah. It makes it easier to adjust margin of each container that without affecting the content.
Section > Container > Divs > more Divs(classes)
wow
2:09 is there a reason you skipped H3, H4 and H5? Huge thanks for the video btw!!!
Hi, they weren’t used in this design so for the sake of the tutorial, I stuck to the ones we used
👍
2k views in one day. Daaaanng son
Hi Tim, do you plan on launching your own webflow course?
Hello! I’m in the early stages of planning for one right now that will cover advanced interactions and layouts in WebFlow
Thanku so much these are just awesome
But can you do a tutorial on how to build complete login system with webflow means login system with database
Can you do it please its really going to help me alot♥
Thanks so much for this tutorial idea! This channel is more focused on the front-end aspects of Webflow, but Memberstack could be a good solution for a login system. www.memberstack.com/
I wish I could convince the company I work for to use Webflow for the sites that we build. Have you had any reluctant people about Webflow vs WordPress?
The company I work for was reluctant at first also to switch from WordPress to Webflow! Ultimately, the project quality and the speed of building Webflow sites sold them on it. :)
@@timothyricks I’ve been pushing for over a year, and they haven’t even attempted to test it. I’m just trying to get a shot and haven’t even gotten that yet. It’s also frustrating because I’m the only one who actually is involved with the platform that we use.
I’m sorry to hear that! What’s their main objections?
@@timothyricks Wordpress is what we have been using and "professionals" use it.
@@timothyricks Just talked again with a manager and got the response. "There doesn't seem to be any benifit of using Webflow to WordPress. You can litterally do anything you want in WordPress and there aren't limitations. Even if you could do everything in Webflow, there isn't really a reason to switch because we wouldn't gain anything from doing the switch." I find it so hard to reason with anyone that just because you can do "anything" doesn't mean that you are needing to do "everything." I showed him something I built over the weekend and it actually gave him pause, because it takes me about 2 weeks to do that in WordPress. I told him I actually feel more limited by WordPress. Sure I can probably do "anything", but I have to go and download everything I wan't and need as plugins and it just takes time to set all those things up. On the next site I build he wants me to make a list of things I want that I would usually get with Webflow to get me better trained and faster at WordPress lol. I'm making and have a pretty good list going on what I feel limited by. The amount of time it takes to get to where I would "start" in webflow just takes so long... Okay rant over, I just don't have an outlet here to complain about. Love your tuturials that you've been cranking out.
what are differences between Webflow and Elementor Pro? I already can do same things on Elementor. Why should I use Webflow instead Elementor and Wordpress? Thanks 👍