Learn the NEW Webflow | Full Beginner Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 1 ต.ค. 2024

ความคิดเห็น • 86

  • @PaytonClarkSmith
    @PaytonClarkSmith  7 หลายเดือนก่อน +2

    Come join my private group!
    We just added some *new trainings* and a brand new resource to help with pricing your design work
    www.paitpro.com

  • @surendrab6633
    @surendrab6633 11 หลายเดือนก่อน +5

    Why just 720p Payton? It's visible but IMHO you should add 1080p at least.

    • @playpiano2264
      @playpiano2264 9 หลายเดือนก่อน +1

      Need atleast 2k res

  • @MacRoe-k7x
    @MacRoe-k7x 6 หลายเดือนก่อน +1

    love the tutorial but if it's truly for beginners you really need to take it slow and make your mouse cursor more visible. you keep switching between your div and hero classes, and not calling it out, creating a disaster for those trying to keep up. Please, for the love of god, show us that you're switching (how do you even fast switch,) and slow down a little.

  • @ElReicz
    @ElReicz 11 หลายเดือนก่อน +8

    Wow, I started making websites almost 10yrs ago in html/js/css , moved to WP to be faster and more efficient and now I feel outdated seeing this platform.
    Thanks for the video, you convinced me to jump into Webflow and give it a try!

  • @rizkillla
    @rizkillla 8 หลายเดือนก่อน +9

    by far the best tutorial for beginners for webflow I've found so far! thanks for taking the time to make this

  • @lavvopi4942
    @lavvopi4942 11 หลายเดือนก่อน +4

    bro, if you're already making a tutorial, just be a little slower and show what and when you delete, not oops and continue ... just be careful and show exactly what you're doing..when you deleted the div block I did the same but only the red color remained and the blue disappeared

    • @marckobuendicho3883
      @marckobuendicho3883 9 หลายเดือนก่อน

      Start with Figma, if you know how to use figma, everything here is easy. Also, I don't recommend going straight into a web design without prototyping in Figma

  • @aarushidhir2301
    @aarushidhir2301 9 หลายเดือนก่อน +7

    This was so helpful, having a practical walkthrough but with plenty of explanations. Thank you! This makes me want to jump right into experimenting with webflow

  • @carolinanoir3260
    @carolinanoir3260 3 หลายเดือนก่อน +1

    You explain so well and quick, this video is great! What I can't do is get it responsive, when I change to smaller devices it breaks completely the design. Any help?

  • @perhaar
    @perhaar 9 หลายเดือนก่อน +2

    720p?

  • @skillfulwebdesign
    @skillfulwebdesign 11 หลายเดือนก่อน +23

    Webflow is just toooo darn expensive, they really need to get competitive on pricing or lose market share FAST.

    • @Piotr.AMS.Studio
      @Piotr.AMS.Studio 11 หลายเดือนก่อน +2

      Elementor is not much cheaper. What are the other alternatives?

    • @filetmignon9978
      @filetmignon9978 11 หลายเดือนก่อน +2

      they are competitive. The paid versions of other tools aren't any cheaper.

    • @poppingjaz
      @poppingjaz 11 หลายเดือนก่อน

      @@Piotr.AMS.Studio the free version is but... if you want quality hosting you'll end up paying as much for good hosting as you would with Webflow. Anything of quality will cost $$$ whether it's Webflow, Wix Studio, Wordpress with a premium plugin etc.

    • @CrivRex
      @CrivRex 9 หลายเดือนก่อน +8

      I think it’s very fair pricing and borderline cheap for what it can do.

  • @nataliecoopermedia7459
    @nataliecoopermedia7459 9 หลายเดือนก่อน +3

    thank you for such an in-depth and helpful video! I'm a newer web developer and am loving webflow but was confused about a couple of things. You cleared up any questions I had - thanks!!

  • @kartikeyaShetti
    @kartikeyaShetti 11 หลายเดือนก่อน +9

    The best beginner friendly webflow video I ever seen. Thank you

  • @noeldelisle
    @noeldelisle 5 หลายเดือนก่อน +1

    Incredibly helpful, thanks so much.

  • @Notmehimorthem
    @Notmehimorthem 6 หลายเดือนก่อน +2

    I have spent the last few months with Webflow. This is an exceptionally good introduction. For people that might not know Webflow tutorials are currently designed for the old site. This tutorial is up to date. Thank you. Really clear.

  • @Silv3rSurf3r
    @Silv3rSurf3r 10 หลายเดือนก่อน +2

    720p. you serious?

    • @sssyt4837
      @sssyt4837 9 หลายเดือนก่อน

      4K for Only Fans😂

  • @neoniquestudio
    @neoniquestudio 11 หลายเดือนก่อน +9

    Nice walkthrough! However, it´s not really about the "new" Webflow features (with the exception of variables), it´s more an overall intro to the tool. So the title is a bit missleading for me tbh. But whatever: I love your stuff! Keep it up! You are VERY inspiring for me!

    • @Exhodius
      @Exhodius 11 หลายเดือนก่อน

      Well I'm learning about Webflow, first lesson and it's great as an intro, I could handle the software while I couldn't with other tutorial in my native language (french, very long and unprecise/outdated tutorials). I think it's great :)

  • @Jessesmithmail
    @Jessesmithmail 6 หลายเดือนก่อน

    You are like sOooo much better than those annoying jokers who created webflow university. However, you made a mistake at around 10:35, you said hold enter, but you meant hold SHIFT.

  • @user-11DiACasti88
    @user-11DiACasti88 4 หลายเดือนก่อน +1

    Very Kind from you, you dont know how much people are you helping!!👍👍

  • @fraserfrase8724
    @fraserfrase8724 5 หลายเดือนก่อน

    Hi Man, thanks for this great tutorial. I am using webflow to work on a template page for multiple new business streams and this seems to be out of date with the new style settings in the Style Settings Panel. Is there something more relevant as or am I missing something? I am struggleing to build a responsive template. Thanks

  • @metatrix4251
    @metatrix4251 6 หลายเดือนก่อน

    In the Layout, Flex tab, the Justify option is not there.
    I can't seem to make it apper, why is that?

  • @bamidelesodicadewale9834
    @bamidelesodicadewale9834 หลายเดือนก่อน

    lovely and helpful, can you pls drop more tutorial on how to add new section and to make an amination, thanks

  • @azv19
    @azv19 11 หลายเดือนก่อน +3

    I enrolled in the SEO and Webflow 2.0, will that be updated accordingly and will I be able to access it?

    • @PaytonClarkSmith
      @PaytonClarkSmith  11 หลายเดือนก่อน +2

      Yes! Our launch of 3.0 has been delayed but we are hoping to launch very soon!

    • @azv19
      @azv19 11 หลายเดือนก่อน

      Sweet! Thanks for the quick response :D@@PaytonClarkSmith

  • @HoldenBlaize
    @HoldenBlaize 10 หลายเดือนก่อน +1

    thank you for this video

  • @AsyaLogo
    @AsyaLogo 7 หลายเดือนก่อน +1

    Thank you, It's very helpful for me.

  • @teekasbe2012
    @teekasbe2012 10 หลายเดือนก่อน +1

    Hi there! Thanks for this awesome sweet video! I do have a question about the box, red and blue classes: how does webflow know which style elements are related to the box class and which are related to red or blue?
    Like all boxes with your box class are 100px by 100px (is that right?) but then the red or blue class decides on the background-color… ?

  • @danielrave978
    @danielrave978 7 หลายเดือนก่อน +1

    Thanks for the video!! It was the best tutorial for beginners I've ever seen

  • @riadjaafar1511
    @riadjaafar1511 5 หลายเดือนก่อน +1

    One of the best tutorials showing all tools in a smooth way. Thank you!

  • @TakesMarkets
    @TakesMarkets 5 หลายเดือนก่อน

    can anyone explain what a div block is? sorry, feels like a dumb question.

    • @JonBanquer
      @JonBanquer หลายเดือนก่อน

      Not a dumb question!
      From the excellent Webflow help:
      'A div block is the most basic and versatile element used when building a website. Buttons, containers, and sections are all div blocks with certain extra properties. To a certain extent, a div block can be whatever you want it to be. For example, div blocks can be used to create space or as dividers, but the most common use for a div block is to group other elements together. It defines a division in the HTML document.'

  • @krabbesalat
    @krabbesalat 11 หลายเดือนก่อน +1

    This made me understand css coding much better, Thanks 😅🤣

  • @nemesis851_
    @nemesis851_ 5 หลายเดือนก่อน

    Looks to be using LVGL base code

  • @ethicseo
    @ethicseo 4 หลายเดือนก่อน

    Jesus can change yr life ✅

  • @OlayemiOnabiyi
    @OlayemiOnabiyi 2 หลายเดือนก่อน

    Thank you so much, sir ❤❤❤❤

  • @rafaelmaia8829
    @rafaelmaia8829 10 หลายเดือนก่อน +1

    Amazing! Thankyou sir.

  • @kwcreative
    @kwcreative 11 หลายเดือนก่อน +2

    i actually really enjoyed this. I hope you do more

  • @dottorcarlone
    @dottorcarlone 10 หลายเดือนก่อน +1

    What about animations? Can you animate elements?

  • @OlayemiOnabiyi
    @OlayemiOnabiyi 2 หลายเดือนก่อน

    Thank you so much ❤❤❤❤

  • @kiwikevnz
    @kiwikevnz 7 หลายเดือนก่อน

    👍

  • @JonBanquer
    @JonBanquer หลายเดือนก่อน

    I wish I would have started with this excellent overview. I would have saved time and frustration. Thank you!

  • @GavinAdin
    @GavinAdin 6 หลายเดือนก่อน +1

    dude you are a wizard

  • @aquatics.simple
    @aquatics.simple 6 หลายเดือนก่อน

    Only reached half way through. Yet I can say the best tutorial for webflow. Thanks Payton, kindly keep going …. with Custom website designs. 😊

  • @sassy_mic
    @sassy_mic 10 หลายเดือนก่อน +1

    Very helpful, thanks Payton 🙂

  • @DiamondFlame45
    @DiamondFlame45 6 หลายเดือนก่อน

    Thank you for this! I plan to a new role by the end of the year because there is no career growth in my current company so I wanted to build my portfolio in WebFlow!

  • @JamesOSullivan-hu2ip
    @JamesOSullivan-hu2ip 8 หลายเดือนก่อน

    Brilliant video thank you. Quick question when I alter things for mobile it changes the desktop version why is this happening? Do you have a video on this?

  • @rushilkeshav4977
    @rushilkeshav4977 8 หลายเดือนก่อน

    At some point the body section disappears in the video but there's no explanation how. On my side there is a body, and a section underneath. No matter what I do, I can't get the section to go over the body like how it is in the video. The body can't be deleted, so there must be a way to overlap it, but can't figure it out

  • @angstrom1058
    @angstrom1058 8 หลายเดือนก่อน

    Ahhh... like how do I use the result? I need a web app. I want to export everything and use it in a Go server. Can Webflow do that?

  • @aquatics.simple
    @aquatics.simple 6 หลายเดือนก่อน

    Thanks for the video. I was wondering Whats the difference between div block and a section ?

  • @WorkforLove
    @WorkforLove 4 หลายเดือนก่อน

    Fantastic tutorial. Very helpful, especially the live example.

  • @userj-s2000
    @userj-s2000 9 หลายเดือนก่อน

    This tut was great, im making my own portfolio because not only freelance but jobs are booming in my area with webflow, eventhough im a mern dev already this was really 2023 and great, i can quickly test out ideas with it aswell

  • @Anthony-fh4gd
    @Anthony-fh4gd 10 หลายเดือนก่อน

    Thanks, good tutorial. Comment for the Algorithm

  • @MarkBult
    @MarkBult 10 หลายเดือนก่อน +1

    "heigth" ? I think you mean "height"

  • @userj-s2000
    @userj-s2000 9 หลายเดือนก่อน

    Where is the cms youtube video rhat is mentioned in this video ?

  • @thadtorres884
    @thadtorres884 5 หลายเดือนก่อน

    Great explanation man, pls keep them coming !

  • @quijanoguillermo1632
    @quijanoguillermo1632 10 หลายเดือนก่อน +2

    Seriously - you know there is NO WAY for anyone with at least mid to advanced design and wordpress experience to even get 10% of what you are saying at the speed you are saying it. I am a photographer and exposures and apertures and shutter speeds come easy to me - but I wouldn't try to explain them to anyone in 30 minutes. Your craft is 10.000 times more complicated and you are just zooming through it like you are reading a news story. Kinda turned off my man. I know your job is to sell Webflow sites, I get that, but some of us (many of us) can't afford you so we want to learn to hack along - the people that can afford you wouldn't think in a million years to watch your video. So - NO GOOD.

  • @dawidkowalski4721
    @dawidkowalski4721 8 หลายเดือนก่อน

    Many thanks from Poland 🙂

  • @AllanEdward-p8z
    @AllanEdward-p8z 7 หลายเดือนก่อน

    Please is webflow a software or site?

  • @CentaurusRelax314
    @CentaurusRelax314 10 หลายเดือนก่อน

    Yessir, very helpful. Thank you so much.

  • @MuhammadYameen-p8g
    @MuhammadYameen-p8g 11 หลายเดือนก่อน

    please let me know how to delete pages in the webflow

  • @mcnuffey8629
    @mcnuffey8629 6 หลายเดือนก่อน

    Great video!

  • @MpawenimaDesire
    @MpawenimaDesire 7 หลายเดือนก่อน

    Thanks a million 🎉🎉❤

  • @hiroyukinumaguchi1984
    @hiroyukinumaguchi1984 8 หลายเดือนก่อน

    Great! Thank you!

  • @bagasdhardanu
    @bagasdhardanu 7 หลายเดือนก่อน

    This is so helpful 🔥🔥🔥🔥

  • @Olaf-y5v
    @Olaf-y5v 7 หลายเดือนก่อน

    THX.

  • @jamesrory2832
    @jamesrory2832 11 หลายเดือนก่อน

    I cannot find "undo" option. Can someone tell me how to find this option on this new update?

    • @christianvarick8124
      @christianvarick8124 10 หลายเดือนก่อน +1

      top left click on the webflow logo or navbar you will see it

  • @devwithzain
    @devwithzain 11 หลายเดือนก่อน +5

    Webflow with relume ❤

    • @CMZIEBARTH
      @CMZIEBARTH 10 หลายเดือนก่อน

      How does that work? Do you create a wireframe in Relume and then export it to Webflow?

    • @devwithzain
      @devwithzain 10 หลายเดือนก่อน

      @@CMZIEBARTH th-cam.com/video/v1ah1dtYAeQ/w-d-xo.htmlsi=evhwzJO6O3YUzFum

  • @Darkraystudio
    @Darkraystudio 11 หลายเดือนก่อน

    The best.

  • @auroraflash
    @auroraflash 10 หลายเดือนก่อน

    Yeah man, old tutorials are not relevant anymore.

  • @insanecuckooman8342
    @insanecuckooman8342 11 หลายเดือนก่อน

    learn wordpress instead there are waaaaay more clients for it. all these crap site builders are for losers.

    • @MrEnklave
      @MrEnklave 10 หลายเดือนก่อน

      You should go and check those plug-ins, bet some of them are already outdated on your WP site... Oh wait, I think you've 0 clients, troll

  • @swapnilkawade
    @swapnilkawade หลายเดือนก่อน

    This is very helpful sir

  • @kumpulduitbayarhutang
    @kumpulduitbayarhutang 10 หลายเดือนก่อน

    I'm new freelancer and this is really really useful! thank you very much for creating this! 😉👍👍