The Only Webflow Tutorial You Will Ever Need (FOR BEGINNERS)

Поделиться
HTML-код
  • Опубликовано: 24 ноя 2024

Комментарии • 253

  • @MeticsMedia
    @MeticsMedia  3 года назад +48

    Hypothetically, what if you scrolled back up and redesigned the like button? (I think blue would look pretty good)
    > Website Assets to follow along: bit.ly/3r7BpwH
    > Use this link to support the channel: meticsmedia.com/webflow

    • @no.3mikeee491
      @no.3mikeee491 3 года назад +2

      Underrated asf😭

    • @ehisamas7957
      @ehisamas7957 8 месяцев назад

      Thanks for this wonderful tutorial. Please, how do I get my narv bar to stay horizontal above the section just like in your video tutorial as I keep having mine stick to the side. I would really appreciate your response on this.

    • @murmuriio
      @murmuriio 2 месяца назад

      Hello. Do you have plans of making a New Webflow Tutorial, similar to this one? I've tried to follow all this steps, but got stuck at Gallery introduction, because Webflow changed the Galleries Layouts...

  • @FilmAndStageChannel
    @FilmAndStageChannel 7 месяцев назад +4

    This is GENUINELY THE BEST WEBFLOW TUTORIAL! Thank you immensely for explaining each aspect so easily, and quickly. It simplified everything for me. I've looked at 8 other tutorials, and I was still 95% lost after watching hours of other tutorials (one tutorial was over 3 hours long). I learned everything I was looking for in your tutorial, and I'm at ease now, and I appreciate your gift for explaining and demonstrating things so perfectly.

  • @Dreysimmons
    @Dreysimmons Год назад +28

    2 years later and you’re still helping us out🔥🔥Thanks for the straight forward and concise video. Your teaching skills is impeccable 💯👌🏾

  • @MoneyOnlineSimple
    @MoneyOnlineSimple 3 года назад +113

    Remember, you don't have to be good to
    get started but you have to get started if you ever want to get good. :)

  • @CheekyAdorable
    @CheekyAdorable 11 месяцев назад +4

    Thank you so much for this. I started a new job and their website is BROKEN AF and they wanted me to pick a template and start over. Nearly pulled my hair out, but playing this in the background helped me figure out my issues as I came upon them.
    The note about the different editing screens (desktop vs mobile) HELPED SO MUCH.

  • @GregandJennifer
    @GregandJennifer 2 года назад +18

    Appreciated this video VERY much as I've been discerning moving from WordPress to Webflow. Walked through your tutorial while "rebuilding" my website's front page in Webflow and by the end of your tutorial I felt comfortable enough to pull the trigger and signed up for Webflow for a year. I've been on WordPress sites for 15+ years so this has been a tough discernment to make the jump. So thanks for the work you put into this tutorial.

    • @1123bbb
      @1123bbb Год назад

      How have you been liking Webflow after the switch? I'm trying to decide between Wordpress (with Elementor) and Webflow and can't seem to make a decision.

  • @maryamrizvi8125
    @maryamrizvi8125 Год назад +5

    This was, hands down, maybe the best tutorial I have ever watched. So so informative and so easy to understand and follow along, somehow you have condensed hours of learning material into a simple video. Definitely not an easy job, thank you so so much!!

  • @ViperXOfficial
    @ViperXOfficial Год назад +22

    I want to thank you for creating such a clear and straight-to-the-point tutorial. It gave me the knowledge that I needed and made it easy to understand the important basics of Webflow. Thank you so much for putting in the time and effort to make such a valuable video.

  • @yunholing6119
    @yunholing6119 Год назад +1

    I can’t believe someone is actually putting those out for free. Thank you! 😊

  • @CraddyMusic
    @CraddyMusic Год назад +24

    Using Photoshop for 10 years, this feels like heaven to me lol

    • @yourtoken1732
      @yourtoken1732 11 месяцев назад +5

      What's the relation?

    • @prima626
      @prima626 10 месяцев назад

      the interface is quite similar to adobe products!@@yourtoken1732

    • @RealWorldTainment_
      @RealWorldTainment_ 10 месяцев назад

      @@yourtoken1732photoshop looks just like this too. It’s nice

    • @krater7227
      @krater7227 8 месяцев назад

      @@yourtoken1732difficulty

  • @ericapitts18
    @ericapitts18 11 дней назад

    This video was so helpful! I understood how to create a website from scratch and hope to use all the tools to help with a template as well. I tried to watch the webflow tutorials but there weren't helpful at all. This video is makes it so easy to understand

  • @ameereeo
    @ameereeo 3 года назад +12

    I was always confused about classes in general in coding but from this tutorial my confusion is gone, thanks to you bro, thanks alot. and tutorial was so helpful 😍🖤

    • @sgarcata
      @sgarcata 2 года назад

      I like using the analogy of dogs as a class because we are so familiar with dogs and their breed characteristics.

  • @rickeyono4691
    @rickeyono4691 2 года назад +2

    Simon is a great tutor. He is easy to follow and speaks at a good pace for learning.

  • @saveroaryodilogo6953
    @saveroaryodilogo6953 Год назад

    Oh finally got tutorial straight to the point , who actually like me who wasted a time watching tutorial not getting into to the point. It really help someone like who actually new in this webflow also helping me created business website for me cousin. thank you

  • @PavanKumar-fr2ig
    @PavanKumar-fr2ig Год назад +1

    No BS, Straight to the point. Great Video!

  • @Design-with-Tobi-Farinde
    @Design-with-Tobi-Farinde Год назад +1

    I appreciate this opportunity to learn. I have been stucked for a while now, this provides clearity

  • @Beeryan88
    @Beeryan88 2 года назад +4

    This tutorial is very comprehesive but easy to understand to jumpstart my work on Webflow! I'll be handling a Webflow-based website as my side job so this really helped me have a grasp on how to use it!! This is immensely useful! Thank you!!

  • @amcds2867
    @amcds2867 2 года назад +1

    One of the best tutorials i have ever seen. Thank you.

  • @cyberintell2958
    @cyberintell2958 Год назад +1

    Man you got a great teaching style that is easy to follow and understand

  • @davidsimmons4491
    @davidsimmons4491 4 месяца назад

    Thank you! As a complete beginner of webflow this helped me learn so easily and you explained it well!

  • @johnlundsteffensen419
    @johnlundsteffensen419 3 месяца назад

    This is what I have been looking for the past 3 weeks! Thank you very much for this tutorial, I am sure it will help me get started making my webpage. Thanks a lot. Well done.

  • @TheGolf361
    @TheGolf361 3 года назад +12

    That was really informative and overall superb tutorial for web flow. I searched and scanned through few other tutorial videos and many of them were unprofessional and boring at a point... This one though was digested in one go! Thanks for your time and good luck in your channel!

    • @MeticsMedia
      @MeticsMedia  3 года назад

      thanks so much, good luck with your website!

  • @DesignbyBK
    @DesignbyBK Год назад +1

    After using framer, I was wondering webflow is going to be difficult. But your tutorial is just amazing, now I can sleep easily without worrying about developing my design in webflow.

  • @HandbookLab
    @HandbookLab Год назад

    I’ve been delaying making my website for far too long, but decided to take the plunge and chose Webflow as it offered so much variety. Your video has really helped me to understand the fundamentals needed, and given me the confidence to build my website from scratch. Thanks, instant sub! :)

  • @dfelix419
    @dfelix419 9 месяцев назад +1

    Tbis tutorial was so very good! With Webflows' recent release with new capabilities, it would be helpful if you did an updated video. This was really good to get me started. 👍🏾

  • @nbulwinkel
    @nbulwinkel 2 года назад +1

    Thanks for the video very clear and it helped me a lot, a small observation is the small screen where you appear talking sometimes blocks what your mouse is doing and I couldn't see where you were clicking, apart from that great work :)

  • @emithbruce1898
    @emithbruce1898 Год назад +1

    Excellent tutorials, straight to the point with pretty much everything covered
    But I wished webflow as part of their free plan, we can copy the design codes

  • @mr_draj
    @mr_draj 2 года назад

    the best video about webflow, your effort is appreciated. I owe to say you thank you when we will meet.

  • @ayeshailyas7715
    @ayeshailyas7715 Год назад

    your teaching style is soo good. Learning webflow was a pain for me but the way you explained I got more interest in learning webflow. Thank you for the video Indeed you're a great teacher.

  • @CentaurusRelax314
    @CentaurusRelax314 Год назад

    Thank you, ever so much, for this tutorial. I'm just jumping into Webflow, after a few years with Wix. This video is a much more efficient teaching tool than what i've been seeing on Webflow academy.
    One FYI, though, about grammar/language-your English is quite good, but i keep hearing a phrase that i imagine you'd want to correct. "How it looks like" is a bit awkward/improper. It would be either "what it looks like" or "how it looks." You're quite meticulous and impressive in your language and instruction in every other way, so i thought you'd be interested in this tiny correction. Oddly, it's so common with people not from the US/UK that i often wonder if it's being taught that way!

    • @MeticsMedia
      @MeticsMedia  Год назад

      thanks so much for the valuable feedback! I‘ll definitely try to fix that sentence in the future😅

  • @bibiri778
    @bibiri778 9 месяцев назад

    Your teaching method is very easy to understand. Thank you very much.

  • @mikmohsen9669
    @mikmohsen9669 Год назад +1

    Solid tutorial. Very clear and easy to follow. Well deserved sub

  • @shreyapatil6055
    @shreyapatil6055 2 года назад +1

    you just saved my semester!

  • @federicodonatone5909
    @federicodonatone5909 3 года назад +1

    This video is pure gold ! I appreciate you so much man :)

  • @muftagiarm4575
    @muftagiarm4575 2 года назад +2

    learnt so much from you, thanks!

  • @brendabolanos413
    @brendabolanos413 2 года назад

    Thank you for sharing this very informative tutorial. It helps me a lot since I have zero knowledge of Webflow.

  • @sgarcata
    @sgarcata 2 года назад +1

    I really love your presentation style and approach. Thank you so much for doing these presentations.

  • @Miladysadie
    @Miladysadie 2 месяца назад

    Will definitely be coming back to this video!

  • @juangv8002
    @juangv8002 Год назад

    Thanks for your content. Just the Interface Design in Webflow change a Bit today . Thanks.

  • @sirblackboss
    @sirblackboss 3 года назад

    This is a great so far. I am only 18 minutes and I am feeling I am building something first before getting the complex stuff. Thank you and Greatjob!

  • @joshuaogah587
    @joshuaogah587 2 года назад +1

    Thank you so much for this tutorial!! It's super detailed.

  • @muhammadmohsin8878
    @muhammadmohsin8878 Год назад

    Amazing, you managed to fit it all in an hour. Really, thank you for this video. Just a tiny feedback, you kept saying padding but added margins to your sections. There is a difference between the two and mixing them up will the mess the design in the long run. Apart from that, a lovely video, I am fan ..

  • @jamesabrams5279
    @jamesabrams5279 4 месяца назад

    Your tutorials are excellent -- just the right speed and detail, and I am almost never lost on the screen. I've viewed many of them. Thank you!
    I've had some programming experience, but not with HTML or website design. I am trying to set up a fine-art photography portfolio website, and I need to select a website design system. Most systems seem capable of building excellent websites in general, but one requirement for my website is full control of the media image displays. Specifically, which systems also allow control of metadata content (Title, Caption, Camera settings, etc) and in addition allow me to enter and display non-metadata free text (such as a poetry verse) with each image, that I can precisely animate onto the screen near the image? Is there an animation that looks like turning pages of a book? Thank you.

  • @designwithsaif
    @designwithsaif Год назад

    Your Story telling is amazing simple and clear❤️

  • @carolacv3471
    @carolacv3471 8 месяцев назад +1

    Hello! Do you have a tutorial in which you add videos? I work with a lot of video material and I would like to know how to do it in webflow. When I tried it would appear cropped

  • @kylebianchi6756
    @kylebianchi6756 2 года назад

    This was super helpful, thank you so much! Followed along with this over a few days and have a great understanding of WebFlow now.

  • @maxwellazubuikeijomah5810
    @maxwellazubuikeijomah5810 8 месяцев назад

    The video was really enjoyable and easy to understand .

  • @othinielchigunwi
    @othinielchigunwi Год назад

    Wow, this is amazing bro thanks. You can design your website, in like figma and develop it in webflow.

  • @reofonte1094
    @reofonte1094 2 года назад +1

    Thank you so much. Super helpful tutorial

  • @andrewsykes1118
    @andrewsykes1118 3 года назад +1

    Great video! My first intro to Webflow. Really easy to follow along!

  • @fredeata3944
    @fredeata3944 2 года назад +1

    This is a very good tutorial. Easy to follow for a beginner like me... Would appreciate if you can share the assets being used here.... Thank you and kudos!

  • @yevilopatina2075
    @yevilopatina2075 3 года назад +1

    Incredible video -- thank you for sharing and teaching

  • @dinachiofoegbunam
    @dinachiofoegbunam Год назад

    You are a live saver. Thank you so much

  • @dinachiofoegbunam
    @dinachiofoegbunam Год назад

    Wish I could like this video more than 10000x

  • @Mithsonraj
    @Mithsonraj Год назад

    This is what I need nice tutorial great and informative time saver really appreciated thanks.

  • @VonnSeacoast2024
    @VonnSeacoast2024 5 месяцев назад

    GREAT STARTER FOR US. THANKS!!!

  • @tracymontgomery2864
    @tracymontgomery2864 Год назад

    Much Mahalo for this easy to understand and follow along video!!!🤙

  • @charlesajiboye4421
    @charlesajiboye4421 3 года назад

    This tutorial is great..Contains must things you need to understand webflow

  • @jevgenisuija
    @jevgenisuija Год назад

    Thanks a lot for this video, it was very useful! Unfortunately some items / features have changed functionality and don't work in described ways anymore. But big appreciation for huge work done, clear, detailed explanation anyway! 👍

  • @Chinaza.C
    @Chinaza.C Год назад

    This was super helpful and straight-forward. Thank you so much

  • @GardeniaLimo
    @GardeniaLimo Год назад

    Excellent Tutorial on Webflow, Thank you

  • @zeefahdesk856
    @zeefahdesk856 Год назад

    Congratulations on 200K Subscribers.

  • @dunkley7776
    @dunkley7776 10 месяцев назад

    This is top tier content. Thank you and subscribed.

  • @fourbreadswholemeal4835
    @fourbreadswholemeal4835 Год назад

    Found this really really useful - thanks so much!

  • @stivendragoshi8917
    @stivendragoshi8917 Год назад

    absolutely many thanks to you mate for this tutorial, i have one question, can i build a website in webflow from scratch and sell it for profit as a template?

  • @umuokpungwa
    @umuokpungwa 8 месяцев назад

    Nice. What's the difference between using word press to build and web flow to build a website ?

  • @ewonghoabasigabrieledwep3953
    @ewonghoabasigabrieledwep3953 Год назад

    Hello bro thanks so much for your tutorial but I would like to know what is your favourite Web builder?

  • @muratbilgekelce564
    @muratbilgekelce564 7 месяцев назад

    thats great ! Thank you so much. Waiting more web flow videos

  • @onseproofficial2007
    @onseproofficial2007 3 года назад +1

    very nice video presentation, I am very happy to see your way for presentation, I hope you will succeed soon. thumbs up for his hard work guys, this is not easy to do 60min of video by sitting in front of the pc, we should appreciate him.

  • @jillspinello5157
    @jillspinello5157 4 месяца назад

    Amazing - thank you so much for this and the other video comparing the different sites! I subscribed to your channel & will use the link you gave to sign up for Webflow. One question: I want to have pictures on my home page that when clicked on link to other pages on the site (instead of the navigation bar at the top). Do I still use the navigation element and put the pictures in individual navigation elements?

  • @KariposTheOne
    @KariposTheOne 3 года назад +1

    Great Tutorial !

  • @teamgimpr4359
    @teamgimpr4359 3 года назад

    Thanks for the video. it's very informative I hope you will make another video discussing other features of webflow.

  • @renzmaelimpiada
    @renzmaelimpiada 3 года назад

    Informative. Hope you can make another video tutorial regarding webflow. Viewer from Philippines!

  • @abdulazizcisse
    @abdulazizcisse 2 года назад

    great straight forward tutorial

  • @mohangr3703
    @mohangr3703 Год назад

    Great Video! I learned a lot!

  • @odin9948
    @odin9948 Год назад

    Very, nice video for beginers

  • @rup2279
    @rup2279 2 года назад

    Love the video 🤗🤗 really appreciate

  • @afjmyl
    @afjmyl 3 года назад +2

    Thanks for the great video, big help. I would be grateful if you could enlighten me how to get the lightbox settings as shown on the panel (at around 32:30) since my panel is showing me (after choosing the "gear" section) the image settings section followed by custom attributes, kinda like the lightbox settings part has vanished. Secondly, seems like once we have named a class, it will show up in the list even if I am working on a different project. Is there any way to delete those classes that I no longer need since the list will keep growing forever. Much obliged.

  • @martinshuudeni5247
    @martinshuudeni5247 3 года назад

    This was very engaging and simple to follow, thank bro

  • @kaesh831
    @kaesh831 9 месяцев назад

    at 22:55 into the video you mention you need to remove the padding from the hero section, but you actually meant to say remove the margin!

  • @FuzzyNestor
    @FuzzyNestor Год назад

    Hi, I loved this tutorial. I've tried watching Webflow University and find them difficult to follow. One question though. I can't figure out how size elements without typing in the information. Same goes for margins and padding. Can you explain the shortcuts?

  • @AsyaLogo
    @AsyaLogo 9 месяцев назад

    Hi,
    Thank you for that great video!
    Is it possible to publish multiple customers' websites from a single account and invoice the customer accordingly,
    or is it necessary to open a separate Webflow account for each customer? Thank you!

  • @prcreations6152
    @prcreations6152 Год назад

    Great Tutorial, Thanks Bro for making this

  • @josephmanje3560
    @josephmanje3560 3 года назад

    It is very clear and educative

  • @Suresh-kr3np
    @Suresh-kr3np Год назад +1

    Thanks ❤

  • @laurynb.5517
    @laurynb.5517 Год назад

    Thank you for this tutorial! 👏

  • @verticalvideos4211
    @verticalvideos4211 6 месяцев назад

    Love this man ❤

  • @waltero.3276
    @waltero.3276 3 года назад

    Many many thanks for this tutorial, I will go through your web flow link, thanks

  • @O0O0-z7h1m
    @O0O0-z7h1m Год назад

    Great .... thank u man
    Is it possible to create a web application using Webflow?

  • @mthalitasm
    @mthalitasm Год назад

    Thank you !!! Amazing video.... You helped me a lot, I'm grateful....

  • @Donflix94
    @Donflix94 3 месяца назад

    good tutorial by me, but what are the things that need to be careful about? when using web flow

  • @Lifepro2
    @Lifepro2 2 года назад

    thank you for learning

  • @dawidkardzis5172
    @dawidkardzis5172 2 года назад

    Great job with this tutorial. It was really helpful, thanks!

  • @Jimmy-zv7pk
    @Jimmy-zv7pk 2 года назад

    awesome video man, very informative and straight to the point!

  • @mastermax4658
    @mastermax4658 10 месяцев назад

    Superb tutorial😍

  • @ainaolamide5482
    @ainaolamide5482 2 года назад

    A very detailed tutorial

  • @mustorazol2
    @mustorazol2 2 года назад

    Very nice tutorial, much appreciated!
    Question: How do I change the background color of the navbar when its compressed and changed to a drop down menu?

  • @shivammittal3698
    @shivammittal3698 Год назад

    Awesome Tutorial

  • @zhenyanagornaya4740
    @zhenyanagornaya4740 3 года назад

    Thanks man! This tutorial is just awesome!

  • @adamyomtov7190
    @adamyomtov7190 2 года назад

    Thank You for your tutorial.