Fluid Typography in Breakdance Builder | WordPress Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 3 ก.พ. 2025

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

  • @DesignwithCracka
    @DesignwithCracka  ปีที่แล้ว +3

    Note: Where I used 1.8 for the ratio was a mistake, what I had in mind was 1.18.

    • @mistadschan
      @mistadschan ปีที่แล้ว

      Yes, actually, i was screaming it loud at the Screen while watching, but you didnt listen. 😃

    • @DesignwithCracka
      @DesignwithCracka  ปีที่แล้ว +1

      @@mistadschan hahaha... I can relate!

  • @scottpoty7120
    @scottpoty7120 ปีที่แล้ว +1

    You sir, are a gift to the community! Thanks :)

  • @heinrichconnectedhealthtra7835
    @heinrichconnectedhealthtra7835 ปีที่แล้ว +1

    I watched a lot of fluid typography tutorials. This one I really understood. Thank you very much Udoro.

  • @stellarbyo
    @stellarbyo ปีที่แล้ว

    Love the new videos Cracka. I may be the only one but I like placing a face to the voice😄😄

  • @ytstudio-d
    @ytstudio-d 3 หลายเดือนก่อน

    great feature and thank you very much, is there such an option from the picture?

  • @goannacs6861
    @goannacs6861 ปีที่แล้ว

    Damn bro
    Im a beginner in wordpress
    Have some knowledge of html and css
    And desided to use Breakdance
    I thought there are no good tutorials due to the young age but damn ..
    This is fire 🔥🔥🔥

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

    Thanks for this tutorial, very helpful. Are you able to do one on how you can add floating buttons on mobile view only. I want to add two floating buttons at the bottom of the screen on mobile view only. One to call the company, another to book that links to their booking page. So no matter where someone is on a website, they can take action and call or book. Thanks

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

    Very appreciated!

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

    This was exactly what I needed to level up. Thanks so much! I'm still unclear as to how you arrive at 62.5% for the font-size syle and how you determine the min-max numbers. Are there formulae for determining these?

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

      62.5% is the percentage that will make 1rem equal 10px. It's for ease of use of the rem unit. The min-max numbers is determined by you, what is the max font size you need for desktop and the min font size for mobile devices.

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

    Hi, thank you for this really helpful guide. How can I save/export these preset for setting up other website I have? or do I need to set this manually for each website?

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

      In Breakdance Version 2.0 you can import and export global settings. Version 2.0 is still in Alpha, hopefully it will be released soon.

  • @dhilstudio181
    @dhilstudio181 ปีที่แล้ว

    really helpful

  • @henrikvestergard1197
    @henrikvestergard1197 ปีที่แล้ว

    Very nice! To save time it would be Nice make some fast way to implement This on other sites when its Done on one, without doing it on every site manualy. Some suggestion to so that?

    • @DesignwithCracka
      @DesignwithCracka  ปีที่แล้ว

      You can export and import global settings.

    • @henrikvestergard1197
      @henrikvestergard1197 ปีที่แล้ว

      Is that what I do if I "Export your Settings, Preferences, and Icon Sets to a JSON file." in the backend-settings? Or how to do it?@@DesignwithCracka

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

    How would you handle fluid line height in breakdance? My font size is scaling well but I don't like how the line height is responding. Smaller font sizes need more line height and larger font sizes need less. Thanks!

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

      Use em as line height unit. Em scales with font size. E.g 0.025em

  • @omedjamal7509
    @omedjamal7509 ปีที่แล้ว

    Thank you . Is it necessary to do the same responsiveness for margin and padding?

    • @DesignwithCracka
      @DesignwithCracka  ปีที่แล้ว

      Yes it is, if you don’t want to change the values at each breakpoint.

  • @wittywolk
    @wittywolk ปีที่แล้ว

    Why you went with min-max instead of clamp? I'm personally using clamp (with Kevin's calculator, it outputs cleaner formula), and was wondering why you are using min-max instead.

    • @DesignwithCracka
      @DesignwithCracka  ปีที่แล้ว

      Both are okay. Min-max has a slight edge; support for a very little percent of older browsers, but overall it doesn’t make much difference since it’s almost negligible.

    • @wittywolk
      @wittywolk ปีที่แล้ว

      @@DesignwithCracka okay, valid point. I just tested these three methods, and the results are the same. Just looking different in terms of the code.

  • @markusrichterfotografie7484
    @markusrichterfotografie7484 ปีที่แล้ว

    Thank you! But why do we additionally need to use the „Ratio“ button in that context? Can explain that point?

    • @DesignwithCracka
      @DesignwithCracka  ปีที่แล้ว

      The ratio is responsible for the responsiveness of the typography fallback.

  • @markj2297
    @markj2297 ปีที่แล้ว

    Would i do the same thing for the body font

    • @DesignwithCracka
      @DesignwithCracka  ปีที่แล้ว +1

      No need, the body font can remain the same for both desktop and mobile (18px or 16px), except for rare cases, but the body font should never be smaller than 16px

    • @markj2297
      @markj2297 ปีที่แล้ว

      @@DesignwithCracka Oh ok, got it. Thanks bro

  • @clarkabella177
    @clarkabella177 ปีที่แล้ว +1

    1st