Build Parallax Website With HTML CSS & Javascript

Поделиться
HTML-код
  • Опубликовано: 15 апр 2021
  • Check out my courses to become a PRO!
    developedbyed.com/
    Code and images:
    github.com/developedbyed/explore
    In today's episode we will learn how to create a website from scratch with some javascript 3d parallax effect!
    🎁Support me on Patreon for exclusive episodes, discord and more!
    / dev_ed
    🛴 Follow me on:
    Twitch: / developedbyed
    Twitter: / developedbyed
    Instagram: / developedbyed
    Github: github.com/developedbyed/
    #programming #website

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

  • @imraninfrarote
    @imraninfrarote 3 года назад +222

    I'm a simple man. I see dev Ed, I click, I become a gorgeous friend of the Internet

  • @m.haque12
    @m.haque12 3 года назад +11

    This guys energy makes me feel like everyone else in my family is depressed 😌.

  • @AlexTheGreatish
    @AlexTheGreatish 3 года назад +34

    Hey that mountain range in the image is in my country! It's called the Blyde River Canyon and fun fact it's the 3rd largest canyon in the world :)

  • @nathaliebenarroch
    @nathaliebenarroch 3 года назад +6

    Thanks so much Dev Ed for your wonderful energy and generosity! Loved doing this with a man plunging into the ocean (had a boat instead of your rock! lol)

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

    I Was Waiting For This Thank You, Man

  • @lorrieuiux5802
    @lorrieuiux5802 3 года назад +18

    This is great! Also love your content. While I am interested in coding... sometimes it can get a bit boring and I'll start to feel my eyes glazing over. I don't get that when I watch your stuff, you keep it entertaining! ^^ I'm just a beginner when it comes to front-end dev (designer here), but so far I'm doing pretty good with my course that I'm taking. Keep up the great work. :D

  • @marisaclayburn49
    @marisaclayburn49 3 года назад +21

    Dev Ed, my gorgeous friend! You have done it again. I hope you know you are giving people high paying skills and they are going to be able to change their lives with that. I appreciate your kindness! Thank you

  • @pavleta777
    @pavleta777 3 года назад +1

    Awesome! ❤️❤️❤️ I am going to try this today on my project website! Thanks millions times! Been looking for that effect too :)

  • @webdevelopete
    @webdevelopete 3 года назад +27

    Wow, she definitely ‘rocks’! 🤩

  • @OWLeong
    @OWLeong 3 года назад +28

    He feels cool!

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

    Beautiful, I did it until end. Thank you so much.

  • @plusk343
    @plusk343 3 года назад +10

    You are the only one in the entire world who calls me beautiful

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

    Great video, man. I just looked for this effect. Thanks!!

  • @aks897
    @aks897 3 года назад +1

    Thanks man, was waiting for this❤️❤️

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

    Honestly i love this channel, im learning so much and im not having a single misunderstanding. Thank you so much and keep it going!!!

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

    Hi, Ed! Would be great if you add an extended tutorial on how to work with several scenes with ScrollMagic and gsap :D Thanks for your videos! every tutorial is like a diamond:)

  • @prophetnozza4150

    Amazing, just used this in my project! Thank you!

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

    this is amazing. never thought of going over to tailwind to skip all the mobile adjustments etc?

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

    YESSSS😍 Cant wait to try it out🔥

  • @danisob3633
    @danisob3633 2 года назад +4

    If the background image overflows under the black section you can add this line after the .to('.content'...) line: