Webflow SECTION STRUCTURE like a pro (Webflow workflow series 002)

Поділитися
Вставка
  • Опубліковано 1 гру 2024

КОМЕНТАРІ • 26

  • @designbasestudio
    @designbasestudio  Рік тому

    👉 Work with me: www.designbase.studio/

  • @andrzej-zaki
    @andrzej-zaki 22 години тому

    I just wanted to say a big thank you for this helpful video! Absolutely loved your tip about pre-configuring a default section as a component. It's going to save me so much time ! :) We can all get a bit lost in the technical details of Webflow sometimes, but your video is a great reminder of how important it is to keep things organised and clear. Thanks again !

  • @kristiyanilchev3346
    @kristiyanilchev3346 Рік тому +2

    Great content! I love these Best Practices videos, definitely something that was missing for me in youtube. Keep em going!

  • @danielcech7839
    @danielcech7839 Рік тому +3

    Great content!

  • @LorettaBangBang
    @LorettaBangBang Рік тому +2

    Good explanation!

  • @johnnymuller7454
    @johnnymuller7454 Рік тому +1

    Amen 🙏

  • @opsisoid
    @opsisoid 4 місяці тому +1

    Hello, please help me to understand, if the value comes from "Default styles" where can I change this? My container is 940px by default

    • @designbasestudio
      @designbasestudio  4 місяці тому

      Sounds like a default style but you should be able to override the width value…

  • @miadopheide1110
    @miadopheide1110 Місяць тому

    Hi, how did you set the hero text like this?

  • @sylviomurer7915
    @sylviomurer7915 5 місяців тому +1

    Very interesting video. I have looked at various systems. At the moment I'm working with Lumos by Timothy Ricks. The learning curve is steep, but I think it's pretty well thought out. What is your opinion on it?

    • @designbasestudio
      @designbasestudio  5 місяців тому

      It‘s a well thought system and depends on your personal preferences.

  • @andyhering
    @andyhering 3 місяці тому

    Hi, thanks, exactly what I have been looking for. One question I have though: when I make the component, unbind it and rename the classes like Section -> About, Section_wrap -> About_wrap it also renames the classes of the component. What am I doing wrong? Thanks in advance

    • @designbasestudio
      @designbasestudio  3 місяці тому

      You need to copy the classes first and then rename them

  • @brendinventer6407
    @brendinventer6407 Рік тому +1

    Great series thank you. Curious as to your thoughts on Relume and Client first? I know you using your own variant of it. I find Relume sometimes takes me ages to undo some naming and elements of components than building it my self faster 🤷🏻‍♂️

    • @designbasestudio
      @designbasestudio  Рік тому

      I don't use relume frequently because I think their section structure could be better. In addition, many complex components could be optimized. But I often use it for navigation and footer... But I love their plugin to create custom component libraries!

  • @bl4ck_sucuk-_
    @bl4ck_sucuk-_ 10 місяців тому +1

    Very Gold Videos my g ! Can you please make a Website with such structure so wie can learn to do it for ourselves ?

  • @taunado
    @taunado 8 місяців тому

    'page padding' as a div is interesting. In regular web dev I've never seen this method, though in Webflow people tend to use divs as spacers. Are you sure this is good practice, especially for responsiveness? Do you still use these techniques?

    • @taunado
      @taunado 8 місяців тому

      Are there not custom CSS properties to handle line breaks for text?

    • @designbasestudio
      @designbasestudio  7 місяців тому

      At the time of the recording I think there were no Webflow native properties to handle linebreaks. Now there are.
      Regarding wrappers or blocks for spacings: You can use them both. It is a matter of taste. Both work fine with responsiveness. Eather with breakpoints or with clamps.
      I personally prefer to use flex gaps because it’s consistent and reduces the html doc.
      I also come from the times where you used an FTP and code editor 😉