Landing Page Concept Using TimelineMax (GSAP) | HTML, CSS & JAVASCRIPT

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

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

  • @shawnjacobsen4035
    @shawnjacobsen4035 4 года назад +16

    ngl that music selection adds to the whole vibe for sure.

  • @fragileglass9622
    @fragileglass9622 5 лет назад +12

    I am really thankful for your channel! You’ve introduced me to some game changing JS libraries. I also really enjoy seeing your minimalistic design process! Lastly! I love GSAP!!

    • @codegrid
      @codegrid  5 лет назад

      Thank you so much brother! ❤

  • @abulfazlhaidary4625
    @abulfazlhaidary4625 4 года назад

    Your design and editing is unique.

  • @nishantshrestha1760
    @nishantshrestha1760 3 года назад

    I don't know why this channel is growing slow eventhough the level of your fantastic content is growing high

  • @alukart123
    @alukart123 5 лет назад +1

    Can't decide which is better, your design skills or your taste in music. Nevertheless, thank you for sharing knowledge with us noobees, most tut's on youtube are just garbage. Happy to subscribe.

  • @winneze1
    @winneze1 5 лет назад +1

    This is the next level of coding. Keep up the good works bro.

  • @rajkumarshah8539
    @rajkumarshah8539 5 лет назад

    Only pro can think of this type of designs. And thanks for your effort. Your tuts are very useful.

    • @codegrid
      @codegrid  5 лет назад +1

      Thank you ❤🙏

  • @mdabullais2114
    @mdabullais2114 3 года назад

    are you After Effect champion as well? your intros are awesome

  • @hyukio68
    @hyukio68 3 года назад

    Awesome .. .tks bro

  • @alperenozkan
    @alperenozkan 5 лет назад

    I am always being inspired by your videos. Thanks for your all efforts.

    • @codegrid
      @codegrid  5 лет назад

      It was really good to hear that ❤

  • @shahabzafarinobari4156
    @shahabzafarinobari4156 3 года назад

    that's cool

  • @radongtawco9432
    @radongtawco9432 4 года назад

    Y R U always elegant on making things by the way is this responsive? even its not well its still dem good

  • @minzcode
    @minzcode 5 лет назад

    Awesome concept effects.

  • @daniilvasilev1123
    @daniilvasilev1123 5 лет назад

    Very nice!

  • @yag7769
    @yag7769 4 года назад +1

    Hell yeahh please moreeeee with react !!!

  • @JirikPerutka
    @JirikPerutka 5 лет назад

    Lovely work

  • @jothamsl3137
    @jothamsl3137 5 лет назад

    soo cool

  • @jenswaelkens5898
    @jenswaelkens5898 4 года назад

    love this vid bro can u do a tut where u explain the steps aswell?

  • @canylmaz9952
    @canylmaz9952 5 лет назад +1

    Perfectly! ❤️

  • @MM201K
    @MM201K 5 лет назад

    so awesome

    • @codegrid
      @codegrid  5 лет назад

      Thank you so much ❤🙏🏻

  • @o-autentico
    @o-autentico 5 лет назад

    Thank you for your channel it's the best

  • @mustafawael8617
    @mustafawael8617 5 лет назад

    You are awesome man 🙉🙈
    Thanks for that ♥️♥️

  • @rodolfoamandio1001
    @rodolfoamandio1001 5 лет назад

    very good 👏👏

  • @drapala97
    @drapala97 3 года назад

    What theme do you use on your editor?

  • @fedeabj
    @fedeabj 5 лет назад

    Great video as always. I want to ask, does your coding last the same time as the video? Or you make cuts or practise before recording?

    • @codegrid
      @codegrid  5 лет назад

      I don't know how professionals do it but this is what I do. It starts with a rough concept in mind. Then I start taking it on the web. By doing all necessary revisions along the way - I try to make most out of it until I'm satisfied *though I'm never fully satisfied. At the end - if I think it's worth sharing, I try to make code easier so anyone wouldn't find it that much difficult to understand. And at last - I record it while coding it again.

    • @fedeabj
      @fedeabj 5 лет назад

      @@codegrid Thanks a lot for your answer. Im just starting with HTML & CSS and I'd love to code like you tomorrow. Any tips to get better at coding and also design?

    • @codegrid
      @codegrid  5 лет назад +3

      Practice + Patience.

  • @amirhaddad5985
    @amirhaddad5985 5 лет назад

    Amazing

  • @TheBorninmotion
    @TheBorninmotion 5 лет назад

    Style!

    • @codegrid
      @codegrid  5 лет назад

      Haha! Thanks 🙌❤

  • @100XPercentX
    @100XPercentX 4 года назад

    I'm a little confused on how you made that text that has the word connected go to right a bit. Was it padding??

  • @SuperCrackerPro
    @SuperCrackerPro 5 лет назад

    which theme and font are you using?

  • @karimezzirati738
    @karimezzirati738 4 года назад

    Hi there, how did you make an image like that for this tutorial? I'd like to recreate this in a way but wanted to make a triangular shape and was wondering if you used Photoshop or Illustrator to do that!
    Thank you :)

  • @anfaslimx
    @anfaslimx 5 лет назад

    I get errors from JavaScript I put the lines in correctly I’m using brackets

  • @jothamsl3137
    @jothamsl3137 5 лет назад

    Could you please make a broken grid layout with html and css for the next video

    • @codegrid
      @codegrid  5 лет назад

      Currently I'm working on something else. I'll try to look after it for sure ❤

  • @matthewrittenhouse1387
    @matthewrittenhouse1387 4 года назад

    Where in the hell did you learn this?

  • @underdog3864
    @underdog3864 5 лет назад

    Does this work with Sass?

    • @codegrid
      @codegrid  5 лет назад

      You can make it work. This is generic css.

  • @sm4rtym4rty80
    @sm4rtym4rty80 5 лет назад

    Great video! Is there a way for providing us that ring.png?

    • @codegrid
      @codegrid  5 лет назад +1

      I have uploaded it along with the source code. Link in description.

  • @林佳臻-d1l
    @林佳臻-d1l 5 лет назад

    what text editor you use ~~ plz

  • @sangambk6053
    @sangambk6053 3 года назад

    It would be great if you explain what you are doing because your code isn't easy to understand.

  • @hj1ax
    @hj1ax 5 лет назад

    What's your theme?

    • @codegrid
      @codegrid  5 лет назад +1

      One Dark Pro with Dainty (chroma 0, lightness 1)

  • @o-autentico
    @o-autentico 5 лет назад

    😍😍😍

  • @MACH_SDQ
    @MACH_SDQ 5 лет назад

    Fucking gooooood

  • @MuhammadAdnan-gx6rd
    @MuhammadAdnan-gx6rd 5 лет назад

    Need your voice and explanation without background music. ....

  • @andrewreynolds6747
    @andrewreynolds6747 5 лет назад

    gj

  • @fuadhassan1764
    @fuadhassan1764 5 лет назад

    position:fixed, position:absolute...man, these shouldn't be the way of doing it or any design.