My no BS guide to mastering beautiful typography in web design

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

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

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

    Would love to hear if you guys have any more tips or tricks on achieving good typography! Let me know down below 👇

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

      aint have tips - you are the master here hahaha, but i got a question what about if a client has a "branding font" but i want to enhance his design adding another typography, is there a website to verify if the fonts pair together?

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

      @@Rapha_Carpio I'm actually not too sure about this but you can check out fontjoy.com

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

    Thank you this was indeed the MOST NO BS design video I've watched in a long time.

  • @0kimbc28
    @0kimbc28 27 дней назад

    Your videos are really good and I always enjoy watching them. Keep up the good work!

    • @by_huy
      @by_huy  22 дня назад

      I'm glad to hear that. Thanks so much!

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

    Thank you! I'm just starting out my front-end dev journey and your videos are very helpful!

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

      Glad it helped out!!

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

    absolutly insane video quality, keep it up... I am confident that it will pay off my bro

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

      Really appreciate it man!

  • @Alan-bu2hi
    @Alan-bu2hi 16 дней назад

    bro dropping gems
    thnx!

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

      It's my pleasure!

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

    your videos are always simple and elegant short videos. its so fun to learn new things. thanks for sharing with us. congrats for getting sponsor. i wish you and your channel grow more and more!!!! love from INDIA.

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

      Thank you! 😃

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

    what the insane high quality editing

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

      Going insano style

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

    Another banger! Congrats on the sponsorship!

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

      Really appreciate it, thanks!

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

    Hey man, do a video on design feedbacks. Would love to know what do you think of my designs

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

    Great work Huy! I've already watched 5+ of your videos back-to-back. Kudos to you!
    Also, I really liked the video format with all those aesthetic text transitions. Could you please share which software/app you used for this video? I really appreciate any help you can provide.

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

      Thanks! I used premiere pro

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

    another banger that made me release it everywhere!

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

      Hahah appreciate it!

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

    Hi Huy, i watched all your videos and it helps me so much to increase my skills in Front-end, thank you so much bro !

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

      No worries man! I'm glad to hear that!

  • @Friday4
    @Friday4 17 дней назад

    Thank you for Quizing Us along the way very unquie and Heplful.

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

      Glad it was helpful!

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

    always dropping valuable knowledge for, appreciate it alot bro

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

      Any time!

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

    huy videos are my favorite videos

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

    great video as always brother! , can you make a video adressing the 21day UI/UX challenge?

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

    Supercool and clear guide bro. Kudos!

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

      Glad you liked it!

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

    Any video on even spacing and padding

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

    Love your aesthetic. Keep it up!

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

      Appreciate it : )

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

    Love the video style! Subbed to watch more in the future :)

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

      Really glad to hear it, thanks man!

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

    This is gold

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

    I would really love if you keep posting similar theory/principles videos like this. BTW your visual explanation is very good especially for beginners to understand, just like @SatoriGraphics. Keep it up 👌

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

      Really glad to hear it, thanks a lot!

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

    Subscribed. I like your editing style, what do you use?

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

      I use Adobe premiere and after effects for this one : ) but I mainly use premiere

  • @brhoom.h
    @brhoom.h 5 месяцев назад +1

    Great video, can you do a video about SEO 🙏

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

      Noted : )

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

    video style is very good!

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

    This is helpful thank you man

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

    NEW VIDEO LETS GOOOO 🎉🎉🎉

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

    Thanks bro! 🎉❤

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

    the real ones know that he used uncut sans for his text on the slides
    you have great taste friend :)

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

      Haha damn you got a keen eye 👀. Thanks man 🙌

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

    Sick vid. What about justified alignment? Perhaps Im using that too much?

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

      I would say avoid justified alignment at all costs, it might look visually balanced but it's terrible for readability since the spacing between each word is very inconsistent

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

      @@by_huy Thanks will keep that in mind. Would you still use left alignment on an article or blog post? I feel like that’s got to be the one time to use it right?

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

    Hi Huy, I was wondering what type of languages you mainly use to develop your websites. Personally I mainly use HTML and CSS, and since a few weeks I'm trying to get into WordPress, but i'd like to learn more about JavaScript for example. Thanks :)

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

      I mainly build custom coded websites with Next.js : )

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

      @@by_huy How long do you think it takes to master it? Ur sites look sick!

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

    🎯 Key Takeaways for quick navigation:
    00:00 *💡 The importance of good typography in web design, evoking emotions and creating first impressions.*
    00:41 *🔤 Three essential font families: Serif (traditional, elegant), Sans-serif (clean, readable), and Monospace (for code editors).*
    01:50 *⚙️ Four basic font settings: weights, sizes, leading (line height), and letter spacing.*
    03:56 *🌈 Two types of contrast: color contrast (for readability) and size contrast (for visual hierarchy).*
    05:33 *👀 Importance of deliberate practice and seeking inspiration from award-winning designs and industry leaders.*
    06:03 *💎 Mobbin: a collection of over 300,000 real-world designs for inspiration and research.*
    07:10 *⚖️ Three types of text alignment: left (most readable), center (for short headings), and right (rarely used).*
    08:19 *🔍 Resources for finding free and premium fonts: Font Share, Google Fonts, Uncutt WTF, Typ Foundries, and Instagram.*
    Made with HARPA AI

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

    Hey man, i hope i get a response from you, really love your videos and noticed your portfolio today, it is really great work, i was wondering if you could provide source code to really understand how you did some animations done there, they are really clean, would like that currently designing my portfolio and coming across some of your animations are really nice, I look forward to your response 🙏🏾🙏🏾

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

    Hi. Can you tell me what you use for web animations?

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

      I use framer motion : )

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

      @@by_huy I use react but i learnt GSAP for animation will it be good for me to switch to framer motion? i sometimes struggle using GSAP with react. i heard framer motion is best with react. Should I switch?

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

    lets gooo new video

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

      Lets goooo

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

    Bro looks like Ishan Kishan

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

    Hey man, i hope i get a response from you, really love your videos and noticed your portfolio today, it is really great work, i was wondering if you could provide source code to really understand how you did some animations done there, they are really clean, would like that currently designing my portfolio and coming across some of your animations are really nice, I look forward to your response 🙏🏾🙏🏾