Speed Code - Product Landing Page Design | HTML, CSS & JavaScript (GREENSOCK)

แชร์
ฝัง
  • เผยแพร่เมื่อ 25 ธ.ค. 2024

ความคิดเห็น • 79

  • @CodeFlix12
    @CodeFlix12 5 ปีที่แล้ว +10

    Thanks brother!❤️❤️

    • @HostDotPromo
      @HostDotPromo 5 ปีที่แล้ว +2

      CodeFlix Cool stuff man, you got a new supporter!

    • @CodeFlix12
      @CodeFlix12 5 ปีที่แล้ว +1

      @@HostDotPromo thanks you❤️

  • @user-xj7ms2hy7l
    @user-xj7ms2hy7l 5 ปีที่แล้ว

    You're god of web development.Thank you for doing this type of videos.As a beginner it's really helpful.

  • @joaquinalejandro9758
    @joaquinalejandro9758 5 ปีที่แล้ว

    I just noticed that you've been uploading less videos than before , men keep on making them, you're videos have put me out of the shit on some projects :DDD

    • @codegrid
      @codegrid  5 ปีที่แล้ว

      I have been always bad at consistency 😂 - but I am trying 🙌

  • @thoughte2432
    @thoughte2432 5 ปีที่แล้ว +2

    This is so satisfying to watch.

  • @SayaTheJin
    @SayaTheJin 5 ปีที่แล้ว +7

    Definitely a good job, I really enjoy that effect!

    • @codegrid
      @codegrid  5 ปีที่แล้ว +1

      thanks mate 🙌

    • @alextheblockchaindev
      @alextheblockchaindev 5 ปีที่แล้ว +1

      I agree! It is such a subtle effect, but it greatly boosts the user experience!

  • @israelayokunnu7974
    @israelayokunnu7974 5 ปีที่แล้ว

    wow...bro...you are on fire!!!!.... I just love what you do

  • @jinnji
    @jinnji 5 ปีที่แล้ว

    Awesome video as always! Love your channel and can't wait for your videos!

    • @codegrid
      @codegrid  5 ปีที่แล้ว

      thank you so much!

  • @fablyinspirations7783
    @fablyinspirations7783 5 ปีที่แล้ว

    Amazing Work and creativity

  • @codeflex5180
    @codeflex5180 5 ปีที่แล้ว

    Awesome brother! Love your works and design experementation! So It's really cool! Thanks

    • @codegrid
      @codegrid  5 ปีที่แล้ว

      thanks mate! 🙌

  • @anvarnazar6545
    @anvarnazar6545 5 ปีที่แล้ว +1

    Great job as always.

  • @phichau90
    @phichau90 5 ปีที่แล้ว +1

    This looks sick, just got a new sub mate keep making these type of projects. Bro any chance you could create a full website. I'm new to coding and it's very hard atm. But I'm enjoying every last moment of it.

    • @codegrid
      @codegrid  5 ปีที่แล้ว +1

      There you go - th-cam.com/video/lvMIGNjjIP8/w-d-xo.html

  • @masumbillah1852
    @masumbillah1852 5 ปีที่แล้ว

    great work brother

    • @codegrid
      @codegrid  5 ปีที่แล้ว

      thank you so much brother! ❤

  • @MACH_SDQ
    @MACH_SDQ 5 ปีที่แล้ว +1

    Very Goooood !!!!

  • @murthig955
    @murthig955 5 ปีที่แล้ว

    Fantastic work

  • @yandex9188
    @yandex9188 5 ปีที่แล้ว

    Greensock - love

  • @lisandrolaman6455
    @lisandrolaman6455 5 ปีที่แล้ว

    great work! however, is this possible to do without using framework/libraries? if so, is it going to use longer codes in vanilla js instead?

  • @planesentry1632
    @planesentry1632 5 ปีที่แล้ว +1

    What Atom theme is that?

  • @st1m965
    @st1m965 5 ปีที่แล้ว +1

    This is so cool u doing great everybody love it. Ur work gives us opportunity to take this web page and improve new fitures in it. I have one question do u have job in front end or it is like ur practice portfolio?

    • @codegrid
      @codegrid  5 ปีที่แล้ว

      currently I'm working as a freelancer.

  • @Mukiyeah
    @Mukiyeah 5 ปีที่แล้ว +3

    i really realy enjoy every your video
    its amazing always,
    hey man, are u have Dribble or Behance account?
    are u did UI design too?

    • @codegrid
      @codegrid  5 ปีที่แล้ว

      www.behance.net/harrnish

  • @codeflex5180
    @codeflex5180 5 ปีที่แล้ว

    Hey brother, why does the sound go off at 0:20 and can't be heard until the end of the video?

    • @codegrid
      @codegrid  5 ปีที่แล้ว

      I had to remove it because of copyright issues.

  • @carlosmorales1866
    @carlosmorales1866 5 ปีที่แล้ว +1

    Heyy, i love your videos. Could you teach how to do this in responsive? Thanks !

  • @weeb3856
    @weeb3856 5 ปีที่แล้ว

    that's a thicc kick in the background beat

  • @md.sofiullahchowdhury4170
    @md.sofiullahchowdhury4170 5 ปีที่แล้ว

    Great job!!❤
    Please make more videos about Greensock.
    Love from bangladesh.🇧🇩🇧🇩

    • @codegrid
      @codegrid  5 ปีที่แล้ว

      sure brotha! ❤

  • @0107ful
    @0107ful 5 ปีที่แล้ว +1

    I have a question for u, i have not seen u using something like css grid layout or flexbox, is there any reason why ?
    and great work dude, i am just amazed !

    • @codegrid
      @codegrid  5 ปีที่แล้ว +1

      I am not that much into CSS grid and flexbox. Simple.

    • @자시엘-l1s
      @자시엘-l1s 5 ปีที่แล้ว

      Ameer Ashhab
      Because it's not necessary
      There won't be much performance difference at all to the client and consumers
      An artist doesn't have to use a graphics tablet just because it's new and "standard" now if he's doing perfectly fine with a brush and canvas

    • @0107ful
      @0107ful 5 ปีที่แล้ว

      @Ameer Ashhab I think also as a beginner developer, u must know what does floats do, and how/when to use them. Maybe in your future u will be dealing with a website which is not made on the Flexbox and Grid layout, so clearly u need to master these first and then move on. That is the reason why I asked him that question in first place.
      btw. I am amazed how this dude is making it look so simple, I see that he is very passionate about web design/dev, and that is the most important thing, to love what u do :)
      Wish u all the best Ameer !

    • @자시엘-l1s
      @자시엘-l1s 5 ปีที่แล้ว

      Ameer Ashhab
      Ok

  • @vivek.tiwary
    @vivek.tiwary 5 ปีที่แล้ว +1

    In all the video, you write your own css ,but what if we are using some css library, could take any of css framework and design web page.

    • @alextheblockchaindev
      @alextheblockchaindev 5 ปีที่แล้ว +1

      Since features like flexbox or the grid system were introduced, CSS frameworks have started to lose their popularity. However, frameworks like Bootstrap can still be very useful, especially when you are using sass, so you can also modify some of the classes to better suit your needs. At the end of the day, it is a matter of personal preference. 😉

  • @FabianoBezerra
    @FabianoBezerra 5 ปีที่แล้ว

    Awsome !

  • @БорисМ-ц2м
    @БорисМ-ц2м 5 ปีที่แล้ว

    beatifull code

    • @codegrid
      @codegrid  5 ปีที่แล้ว

      link to source code is there in the description in case you need 🙌

  • @TheBorninmotion
    @TheBorninmotion 5 ปีที่แล้ว +1

    Awesome ! Plase make gsap tutorial !!

  • @jhonatanrodriguez6341
    @jhonatanrodriguez6341 5 ปีที่แล้ว

    Awesome

  • @byAdriRoma
    @byAdriRoma 5 ปีที่แล้ว

    Good job friend! Can you do anything with GreenSock with magicScroll? I would love it ♥️ thanks

    • @codegrid
      @codegrid  5 ปีที่แล้ว +1

      I'll check it out.

  • @ravenann2526
    @ravenann2526 3 ปีที่แล้ว

    what does greensock means

  • @anhtuan-nguyen
    @anhtuan-nguyen 5 ปีที่แล้ว

    Anyone know where to get psd layouts? Please share in the comments

  • @stg_reigns5333
    @stg_reigns5333 5 ปีที่แล้ว

    Nice video

  • @rewinedrose1627
    @rewinedrose1627 5 ปีที่แล้ว

    man, why do you use every time "position:absolute"?

  • @shahadathimel8629
    @shahadathimel8629 5 ปีที่แล้ว

    GSAP core tools free for commercial use ???

    • @codegrid
      @codegrid  5 ปีที่แล้ว

      Yes

    • @shahadathimel8629
      @shahadathimel8629 5 ปีที่แล้ว

      @@codegrid , i want to make a HTML template using GSAP core tools and want to sell it in ENVATO MarketPlace THEMEFOREST, is it free or i have to pay GSAP. SORRY, for asking the same type of question again, i know you have already answered it but i want to clear my doubt, please don't mind. I have just started learning these things. Hope you understand.

    • @codegrid
      @codegrid  5 ปีที่แล้ว

      I have no experience about selling on envato / themeforest. But I don't think you have to pay GSAP as it is open source library. Still you can ask about this on their forum.

    • @shahadathimel8629
      @shahadathimel8629 5 ปีที่แล้ว

      @@codegrid thank you so much !!!

  • @eyupyldrm3642
    @eyupyldrm3642 5 ปีที่แล้ว +1

    Good code editor name ?

  • @MayurManjal
    @MayurManjal 5 ปีที่แล้ว

    Bro can u make a cool add to cart feature....?

    • @codegrid
      @codegrid  5 ปีที่แล้ว +1

      looking forward to it.

  • @theamjolnir9641
    @theamjolnir9641 5 ปีที่แล้ว

    How long does it take you to code this in real time?

    • @codegrid
      @codegrid  5 ปีที่แล้ว

      It is more like freestyling. I don't remember how much time it took as it was the part of experimentation. I think now when the concept is ready - it won't take that much time to recreate as I'm the same person who created this before.

  • @MayurManjal
    @MayurManjal 5 ปีที่แล้ว

    Coool

  • @자시엘-l1s
    @자시엘-l1s 5 ปีที่แล้ว

    Can you make a video about making a real world website from front end and backend?
    Like a e commerce site
    I'm Mainly asking this because I do not know JavaScript at all and I want to see it used as a real example after designing with html and CSS
    And I also want to see the backend process
    If you could AT LEAST make a design video like you always do but all the way to the JavaScript part that would be AWESOME
    Like a shop or something
    Maybe a restaurant type website
    Anything
    Please

    • @codegrid
      @codegrid  5 ปีที่แล้ว +1

      Fortunately I am a front-end developer and I literally have no idea about back-end as designing is my passion. And when it comes to e-commercial websites, as a freelancer I prefer Wordpress. I find no reason to hard code the whole website from scratch + I'm still in learning phase so currently I don't have idea about how things work out with coding on that kind of websites. I hope you get my point! Thanks.

    • @자시엘-l1s
      @자시엘-l1s 5 ปีที่แล้ว

      Codegrid
      I totally understand
      Although JavaScript is considered frontend as well
      Which is why I'm trying to learn it.
      But it's so hard without real examples
      All they do is tell me what this or that means or whatever.
      I'm not really interested in backend I just feel like I should know a bit to plan out designs more carefully lol
      Thanks anyway man
      I will continue to watch your videos

    • @codegrid
      @codegrid  5 ปีที่แล้ว +1

      If you wanna look at JavaScript examples, I have a separate playlist. You can check it out.

    • @bafana_mhlamvu
      @bafana_mhlamvu 5 ปีที่แล้ว +1

      Not meaning to sell or advertise anything here but mmtuts has a series on Javascript and how you incorporate it on a website...
      EDIT: Great video by the way, but I think I'm overdoing it with CSS animations and keyframes, love how they work...

  • @mohameddandarawy6777
    @mohameddandarawy6777 4 ปีที่แล้ว

    popup example tutorial

  • @AneleMbabela
    @AneleMbabela ปีที่แล้ว

    Code is invalid?

  • @susmoypaul2586
    @susmoypaul2586 5 ปีที่แล้ว

    no sound ....

    • @codegrid
      @codegrid  5 ปีที่แล้ว +1

      I had to remove it because of copyright issues.