Custom Properties You Need to Know About

Поделиться
HTML-код
  • Опубликовано: 5 июн 2024
  • In this video I explain 5 custom properties that are super useful and you should use them in your Webflow projects.
    We talk about:
    1. Text wrap pretty and balance to use especially in your paragraphs.
    2. Calc() for all your edge cases. I show two concrete examples.
    3. Clamp to make your text responsive while accessible.
    4. Container queries, how they compare to media queries. Why it's super useful to make big text fluid without breaking the design. Also how to set font to cqw.
    5. Writing mode Vertical-rl and Vertical-lr, to write vertical text and what.
    6. Text ellipsis to cut the text to ... at the end. I show you two ways you can achieve that.
    7. We finish off by showing what webflow does not support as of now. For example you can't add !important.
    ----------
    Join the waitlist for my Webflow Plugin: www.flowing.to/
    ----------
    If you need a kick-ass Webflow website: www.Kabarza.com
    follow me on twitter (X): / kabarza_

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

  • @burakkececi3628
    @burakkececi3628 2 месяца назад +4

    One of the most valuable Webflow tutorials I have watched in a long time mate. Really appreciate that.

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

      Really appreciate you ❤

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

      perfectly said, thank you for putting so much effort into this

  • @poncardas
    @poncardas 2 месяца назад +1

    Great tutorial very practical application ! Short no fluff direct to the point walkthrough. Thanks very much Kabarza!

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

    It was very useful and I learned a lot from it. I am waiting to see these topics in the course 😭, they sound interesting. Thank you for making this video and sharing your knowledge. Please make more videos like this. ❤🌺

    • @Kabarza
      @Kabarza  2 месяца назад +1

      I made one even more in depth for the course. It’s being edited 🤘

  • @eli.alcaraz
    @eli.alcaraz 2 месяца назад +3

    Mate, this was so valuable and so good. Watched all the way. Thank you!

    • @Kabarza
      @Kabarza  2 месяца назад +1

      Thank you, Eli
      This means so much. Super glad you liked it.

  • @johnisaac8483
    @johnisaac8483 2 месяца назад +1

    This solve a lot of problems that i have r now, thanks!

  • @mado.madeleine
    @mado.madeleine 2 месяца назад +2

    This is so helpful! Thank you 🙏🏽

  • @hoaithuong8088
    @hoaithuong8088 28 дней назад +1

    Thanks Kabarza. It's so helpful 🙏

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

    Thx, thw way you explain things and present is great. Keep going on.

    • @Kabarza
      @Kabarza  2 месяца назад +1

      I appreciate that!

  • @amir.astaneh
    @amir.astaneh 2 месяца назад +2

    Thank you 🙌👏

  • @kleinschewski
    @kleinschewski 2 месяца назад +1

    Thats amazing! Thank you so much!

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

    Awesome video Kabarza! Going to use a few of these on my sites asap

  • @aleexious4670
    @aleexious4670 2 месяца назад +1

    I love the tips :)

  • @benvsantos
    @benvsantos 2 месяца назад +1

    Thank you, i have learnt something.

  • @desiva
    @desiva Месяц назад +1

    Thank you so much, really helpful :)

  • @totallyempty
    @totallyempty Месяц назад +1

    Awesome hacks, thank you so much!

  • @danplumadore647
    @danplumadore647 2 месяца назад +1

    Thank you this info.
    By the way, are you using Finsweet's Client-First schema?

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

      Often, yes. But what you see here is a client project turned into a testing field. Not the cleanest 😁

  • @royeyal
    @royeyal 2 месяца назад +1

    1,000th subscriber here! 🙋🏼‍♂

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

      Thank youuuu!

  • @archicoders7560
    @archicoders7560 Месяц назад +2

    Compaptibility issues

  • @kaifsuthar8445
    @kaifsuthar8445 16 дней назад

    13:30
    Instead of this ,
    Client first have batter soution for this also
    They have premade class
    "Text-style-2lines"...