A simple beginner's guide to designing and developing a portfolio website

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

КОМЕНТАРІ • 55

  • @firebutterfly
    @firebutterfly 9 місяців тому +13

    The red border tip has me interested in learning CSS for the first time ever.

    • @by_huy
      @by_huy  9 місяців тому +1

      For sure, it helps a lot

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

      Use parasite a chrome extension which does the same work in better and handy way :)

  • @iliahednra8546
    @iliahednra8546 7 місяців тому +1

    I rly liked the aesthetic of the websites I see you make, what are some websites that you get free assets such as SVG's from to use on the sites you build?

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

      You can find a lot of them on the Figma community, I use 'lil shapes' by JP a lot

  • @rooodis456
    @rooodis456 23 дні тому

    Dude the red border tip is actually crazy you weren't lying

  • @KiannaLouise
    @KiannaLouise 9 місяців тому +4

    love ur content :> keep it up! you have the potential to dive deeper into more specific topics like: how grid systems work, building a simple design system in figma, designing responsive screens.
    And that’s only the design part! Front end topics can cover: making your css naming system & figma design system consistent, what framework is for what, translating auto layout to box model, etc etc :)
    I’m excited to see ur channel grow! (speaking from the pov of a past student in web dev that loves product management) ure definitely solving the lack of well rounded tutorials out there

    • @by_huy
      @by_huy  9 місяців тому +1

      Really appreciate it Kianna! More coming soon : )

  • @josepholawale6243
    @josepholawale6243 9 місяців тому

    Hi Huy,
    Just come across your web design and tutorial videos. I will appreciate it if you can guide me on how to make side scroll bar on figma.
    Thank you

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

    From where did you started learning CSS.

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

    It's very helpful 👍🏻💯

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

      Glad it was helpful 😁😁

  • @amys.9175
    @amys.9175 Рік тому +3

    Useful as always! Not following the first tip made me sit on my website three times longer than I should've 🙃now I want to try to redo this again using the red border tip, thanks for sharing, I really appreciate that!

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

      Good to see you here! Happy to hear that it's helpful 😁

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

    this channel is a gem. I think i should learn figma been in the back of my mind for some time good skillset and can make code process easier

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

      Super happy to hear this! Figma is indeed very helpful in speeding up the coding process in several ways, I highly recommend learning Figma!

  • @trattface
    @trattface 10 місяців тому +2

    A lot of the web design videos out there talk about the same stuff. I actually learned two new things in this: optimizing images and lazy loading! Ty

    • @by_huy
      @by_huy  10 місяців тому

      Glad to hear that it helped!

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

    Nice keep going🚀

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

      Glad to see you here man, really appreciate it

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

    Looking for Crash course / tips on Figma for making website UI quicker

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

      Yep noted 📝📝!

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

    Thank You! These were great suggestions.....really thinking about giving more time and learning figma to make my design planning faster.

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

    The third point blew my mind

  • @AtlantisC
    @AtlantisC 10 місяців тому

    Gracias rey

  • @prabhatmishras421
    @prabhatmishras421 9 місяців тому

    Hey! Thanks for these great suggestions man, I can design my animated portfolio website in Figma from scratch but never have I ever coded any of my project in HTML,CSS,JS I'm a college student and my final exams are approaching and don't have much time to learn web development now, just to have a completely functional portfolio website before the exams and placements are also lined up, can you help me with this? Like what can I do in this situation?

  • @arfeloreed
    @arfeloreed 9 місяців тому

    Thanks for the tips. They are very useful, especially the border 1psx solid red. I've been using it personally along with darkgreen and darkblue if I am going to layer different elements. I will make sure to try the tips you've shared.

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

    I appreciate your Tut videos... I would n like to add my suggestion please bring seprate series on design thinking and how to design website or portfolio design process using figma... After that go in coding series 😊 we would n like to learn from you 😊

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

      Thanks for this! Definitely working on this for future videos 🤞

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

      Yeah thank you 😇

  • @AleksPopovic
    @AleksPopovic 10 місяців тому +4

    Really great advice in general. Another thing I would add is if your website is very image heavy consider using a CDN.

  • @UyenNguyen-m1m
    @UyenNguyen-m1m 10 місяців тому

    Can u explain more about lazy-loading?

  • @SkMeejanur
    @SkMeejanur 9 місяців тому

    Pls create more videos about design 😊

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

    Great!

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

    Great video! Thank you🙏

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

      It is my pleasure, thanks a lot 😀

  • @natihabtamu2269
    @natihabtamu2269 10 місяців тому

    tnx bro ur channel gonna blow up soon......👊

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

    Hey i used Tailwind css it work on localhost but didn't work after i push to git hub and host, any solution?

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

      It's hard to diagnose without seeing your codebase haha but make sure to install tailwind with cli not play cdn. You can search up tailwindcss installation for their documentation

  • @SkMeejanur
    @SkMeejanur 9 місяців тому

    Thank you ❤ you are my inspiration .

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

    Helpful video

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

      Really appreciate it 👌👌

  • @lanh-lanh
    @lanh-lanh Рік тому

    Anh biết nói tiếng Việt không anh ơi hihi

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

      Mình nói được tiếng việt bạn nhé hihi

    • @lanh-lanh
      @lanh-lanh Рік тому

      😍hihi quá tuỵt@@by_huy

  • @DxrrkSide
    @DxrrkSide 9 місяців тому

    Your videos are so good man, I’ve literally watched every video on your channel…can’t wait for more content

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

      More will come very soon!

  • @0x0w1z
    @0x0w1z Рік тому

    Can You make a video about which courses are best to learn frontend

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

    Cool nice