Create Eye-catching Hero Sections with 3D

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

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

  • @CalerEdwards
    @CalerEdwards  2 года назад +7

    We back to weekly uploads!!!!! Enjoy the video :D

  • @__noob__coder__
    @__noob__coder__ 2 года назад +24

    nice designing, will have a hard time coding this 🙂

    • @aldolhitlercondensation1363
      @aldolhitlercondensation1363 2 года назад +2

      generate a screensize gif of the 3D material and slap it behind the page and call it a day. Responsiveness is for the weak

    • @mradulchaprot947
      @mradulchaprot947 2 года назад

      No now you can use locofy plugin that converts figma design to high quality code

  • @Intellect7
    @Intellect7 2 года назад +6

    Eye-catching thumbnail, im sure the video will not disappoint either. Thank you Caler!

  • @yannickleroy7419
    @yannickleroy7419 2 года назад

    Great video! Beatiful design, clear commentary and soothing lo-fi background music. Keep it going!

  • @hessiride1729
    @hessiride1729 2 года назад +3

    frontend developer: Oh sh*t this is bad, How do I make donut div in 3d??, shocking.

  • @s7s_space
    @s7s_space 2 года назад +1

    Wow great composition.. We need to show the shortcuts on screen

  • @rodras6871
    @rodras6871 2 года назад

    ITS REALLY WORKED LOL THANK YOU DUDE

  • @huxnwebdev
    @huxnwebdev 2 года назад

    One Of My Favorite RUclipsr 💖

  • @unknown-do5oo
    @unknown-do5oo 2 года назад

    Thank you for your reply!

  • @evitalifepharma1478
    @evitalifepharma1478 2 года назад +2

    Is there a way to do it on Microsoft Paint??

  • @mathSALIKSIK
    @mathSALIKSIK 2 года назад

    Nice tutorial Michael,

  • @geraldbrito8234
    @geraldbrito8234 2 года назад

    Thanks for doing that!!

  • @MrVertu01
    @MrVertu01 2 года назад +1

    Let's code it!

  • @abhishekprasad1500
    @abhishekprasad1500 2 года назад

    Very helpful

  • @usimortis1940
    @usimortis1940 2 года назад +1

    "And we're gonna change the weight to medium"
    Daring today aren't we?

  • @gabrielmnt4119
    @gabrielmnt4119 2 года назад +1

    Hey Caler, love your videos! I have been using Figma for a long time now but I have never used the Libraries feature, and watching your videos it seems like a powerful tool. However, can you save icons to a library, the way you have it, on a free account, or do you have to have a paid account in order to have the Team Libraries feature enabled? If you can do it on a free account, can you make a video tutorial on how you can actually do it? Thanks!

    • @CalerEdwards
      @CalerEdwards  2 года назад

      Thanks a lot! I am pretty sure you have to have a team for that feature. Unless the icons are in your file that you are using, then they will be local components.

  • @tonywang7933
    @tonywang7933 2 года назад

    Hey Caler, can you show me how to turn all of these into code as well?

  • @franciscocardoso5819
    @franciscocardoso5819 2 года назад

    This might be a stupid question but I'm seeing you adjusting the padding and such, so.... can you export the code? If so, to where?

  • @likekaira
    @likekaira 2 года назад

    Thank you so much sir I co up with one Nice tutorialt wonders in my sleep and can't even make a soft.... No I did not

  • @faridgovashin6419
    @faridgovashin6419 2 года назад

    Hi why did you leave one column empty? Because it would leave more space in the left side and wouldn't make it look balanced and aesthetic

  • @leeshudhawan4315
    @leeshudhawan4315 2 года назад

    Hey buddy! Can you please tell me how did u put that line effect in background? Is this plugin or something else?

  • @jansusan4762
    @jansusan4762 Год назад

    The spacing for the "close" icon -- (1) drag the icon in; (2) select all??, (3) select center, then "X" on keyboard? - I must be missing a step (or adding something), didn't work for me?

    • @jansusan4762
      @jansusan4762 Год назад

      AND....I found my error, ok then, lol.

  • @Multilive1000
    @Multilive1000 2 года назад

    3D elements need to be exported seperately to code this responsive.

  • @manvirphotography9230
    @manvirphotography9230 2 года назад

    Nice

  • @putrifadilla7103
    @putrifadilla7103 2 года назад

    mobile or desktop

  • @ooogabooga5111
    @ooogabooga5111 2 года назад

    How can we deviler this design?

  • @devvv2081
    @devvv2081 2 года назад

    How's it going with the software? I bought it a wNice tutorialle back and life got in the way. I am finally going to get around to learning tNice tutorials up (I

  • @ayubfauzihafiz5599
    @ayubfauzihafiz5599 2 года назад

    i dont have "packs" folder at the right side x) help

  • @Yaymess
    @Yaymess 2 года назад

    Hey Caler, how to you add a guide line? whats the command?

    • @CalerEdwards
      @CalerEdwards  2 года назад

      Shift+R will bring up the rulers then just drag them out :D

  • @camilatontis
    @camilatontis 2 года назад

    But I have a question! !

  • @anelahodzic5717
    @anelahodzic5717 2 года назад

    GL bro

  • @mirjalol_shamsiddinov
    @mirjalol_shamsiddinov 2 года назад

    can u send a source file, i would code

  • @arg93
    @arg93 2 года назад

    soft soft by Image-Line Software

  • @evenaicantfigurethisout
    @evenaicantfigurethisout 2 года назад

    wow crazy. this thing costs USD20billion. who would'da thought...

  • @anshulkardam4733
    @anshulkardam4733 2 года назад

    Best guy I got everytNice tutorialng for free also but I rather buy soft so I can be happy and proud I get a official version.

  • @100bitcov
    @100bitcov 2 года назад

    Tell me, please, what kind of program where the library of 3D models was used

    • @krunge
      @krunge 2 года назад +1

      Adobe Dimension

  • @adebayoakerele515
    @adebayoakerele515 2 года назад

    sleek

  • @yusufmaulana9845
    @yusufmaulana9845 2 года назад

    sa,e bro tNice tutorials is fire

  • @richardgibson4637
    @richardgibson4637 2 года назад

    i learn soft with nobody teacNice tutorialng ...a friend gave the software and i started clicking anytNice tutorialng i see on the software for months

  • @lun4rd409
    @lun4rd409 2 года назад

    I just wanted to make s

  • @vaaroncarrasco
    @vaaroncarrasco 2 года назад

    RIP Figma u.u

  • @beyondthestars8821
    @beyondthestars8821 2 года назад

    tho

  • @harrybarry5224
    @harrybarry5224 9 месяцев назад

    Lol, this is super static to a very specific screen size.

  • @marisadian2650
    @marisadian2650 2 года назад

    lmao facts

  • @shangparanjothi
    @shangparanjothi 2 года назад

    ...it’s ez...

  • @dettykurniawati2068
    @dettykurniawati2068 2 года назад

    Emmanuel Chukwunonso lmao sa

  • @georgewiggins5685
    @georgewiggins5685 2 года назад

    ᎮᏒᎧᎷᎧᏕᎷ 😳