15 rules to adjust typography like a pro (Web Design tutorial)

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

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

  • @ohmygoditstyrel
    @ohmygoditstyrel 5 месяцев назад +2

    I'm going to review all my drafts and apply these typo rules to see the difference. Thanks again Adrian

  • @bakeraus
    @bakeraus 5 месяцев назад +6

    I always think about accessibility when using all these fancy typefaces, I do love the design of them but careful cutting out customers or people being able to access your website.

  • @DucHoang-c1j
    @DucHoang-c1j 5 месяцев назад +1

    Thank you, Adrian, I do find this video extremely helpful as a beginner in web design field. Again, many thanks from Vietnam

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

      Glad it was helpful!

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

    Excellent video!
    Regarding rags, it's been a while since their release and they work fine as progressive enchancement, there is a CSS property called text-wrap and now has two new options, balance and pretty.
    Both of them are dealing with orphans and widows but use them with caution.
    They are pretty expensive in performance. Use them with caution and only when it's really needed.

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

      That's great to know, thanks for sharing!

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

    These tips are so underrated, well done Adrian!

    • @hellobont
      @hellobont  5 месяцев назад +1

      Thanks a ton bro! Hope you're doing well :)

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

    Thank you Adrian, your videos are always very helpful and inspiring. Brilliant!

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

      Glad to hear, my pleasure!

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

    Valiosa información como siempre! Gracias Adrían.

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

    Great tips. you made it so simple to understand

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

    Thanks a lot Adrian..
    Your contents are truly a gem.. Thanks a lot.. I learnt a whole lot from this single video.. I always learn from your videos.

    • @hellobont
      @hellobont  5 месяцев назад +1

      Happy to hear that man!

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

    Muchas gracias, son muy buenos consejos!

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

    Short and on point ❤

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

    ultra knowlegdable content. Thanks BONT

    • @hellobont
      @hellobont  3 месяца назад +1

      You're welcome!

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

    You teach me a lot 🎉🎉🎉

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

    This is very helpful, thank you

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

    Underpinning Golden rule! The user/reader should be able to scan over the copy with relative ease. Reduced cognitive load

  • @TheWebCoder
    @TheWebCoder 4 месяца назад +1

    You being behind the plant is driving me crazy lol

  • @banders-ralfs
    @banders-ralfs 4 месяца назад

    Thank you ☀️

    • @hellobont
      @hellobont  4 месяца назад +1

      You’re welcome 😊

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

    Thanks!❤

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

    Haha, perfect, thank you

  • @MartinALopez-gz5kf
    @MartinALopez-gz5kf 5 месяцев назад

    Greatest infatuation and admiration 😃

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

      haha thanks man, glad you liked the video!

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

    Any more books that you would (or any of you guys) would recommend when it comes to design?

    • @hellobont
      @hellobont  5 месяцев назад +1

      I have a post on my Instagram account with my top 5, but maybe I can do a video about that :) I'll note it down.

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

    you meant the shorter the paragraph, the tighter the line height. :)

  • @herrDOS
    @herrDOS Месяц назад

    3 is actually odd since you need to increase kerning for all caps.

    • @hellobont
      @hellobont  Месяц назад

      The rule applies anyways.

    • @herrDOS
      @herrDOS Месяц назад

      ​@@hellobont If you squeeze capitalized serif, it would lose the “Trajan”-ish look. Usually doesn’t look good.

  • @agustinasosa2175
    @agustinasosa2175 Месяц назад

    I came looking for copper and found gold

    • @hellobont
      @hellobont  Месяц назад

      haha loved that, glad to hear Agustina!

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

    I'm not completely convinced of the rule at 5:50... Maelstrom's text was unreadable at that point.

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

    shouldn't the first point be:
    "the wider the paragraph, the bigger the line height" ?

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

      Yes I was confused because he contradicted his point with that statement

    • @hellobont
      @hellobont  5 месяцев назад +1

      Yeah, it's clarified in the description!

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

    You said the longer paragraph the tighter the line height? Didn’t you mean the opposite?

    • @hellobont
      @hellobont  5 месяцев назад +1

      Great catch! Wow haha you're right. The longer the paragraph, the more loose the line height.

  • @princemuuhvmed6351
    @princemuuhvmed6351 Месяц назад

    man your video boring you gotta avoid that its's just an advice

    • @hellobont
      @hellobont  Месяц назад

      Thanks for the feedback xD