Dude you develop the most jaw-dropping animations, I am new to this but watching ur videos is pushing me to learn more and more thanks man, pls never stop keep dng this, u deserve more (I am appreciating u from the bottom of my heart)... Flawless
Intresting video, but it's a special case. I mean your mathematical formulas. If we need put block with parallax bg from header in any other section in page - all broken. If we put section with text and image in any other section in page - it's broken. And text and image don't stop on 0 position - its meet together and go further
In Chrome browser, there's a grey bar where the menu should be, but in Firefox, there is none. I'm going to put a regular nav bar in anyway. This is a perfect and very simple site. Thanks.
Absolutely amazing! Great tutorial! I would only like to see the mathematic explanation of the formulas to understand your thinking proccess :) again, thanks for sharing! Very clean code and great explanation overall.
When you are cropped out the images in photoshop, you can use the previous cutout as a mask for the next one, creating a more exact cutout. Over all, its best to work non-destructively to allow modifications over the lifetime of the project. Also, using select subject will save you a lot of time selecting people in an image, especially if its on a flat background.
This is awesome dude ! I love it !! Thanks for explanation, always nice to see people still sharing tricks for free. Does there is a way to insert that effect to a Wordpress project ?
The website won't display properly if we are using a device below 2100px width.... :/ Does there is a way to adapt the full landscape at the beginning according the device used for the display ?
Thanks for the tutorial it was good. You would however get infinitely more engagement if you actually recorded audio as well and worked through everything step by step even if you broke it up into multiple videos. Most people watching this will only be able to copy and paste without knowing how to customize it for their own needs.
eu to espantado vendo isso, tenho que fazer um tcc de técnico em informática integrado do ensino médio, minha meta é entregar algo parecido. Em português não tem conteúdo bom como esse :( você é um super heróis da edição?
Good day, beautiful work, pls while writing out the code myself, I got an Uncaught typeError: translate.forEach is not a function....pls do u know or does anyone know how to solve this error. Feed back would be much appreciated 😊
Hi i am a beginner and started a new project with Angular. I wanted to adapt this beautiful effect to my procet but i dont know now how to use your vanilla javascript code in Angular. Adding the angular.json file didnt work. It loads the file but the effect wont appear. Can maybe u help me ?
Your tutorial is AWESOMEE🔥 Just a few questions. When I resize my screen my mountains will disappear and when i enter full screen the background will have a white space on the right, seems like my background is not fit the screen. How can I solve these problems?
@@TrueCoder ah I got it. Can you make a tutorial about how to make a sidebar in this website, please? Cause it would be really cool if the website has a sidebar! Anyway, tysm!
Question guys : Why there is no width in Css in the body section ? My elements are moving according the size of my windows if I am not in full screen for example... :/
Make sure to SUBSCRIBE for more tutrials like this one !!
Done!
can I use this in one of my projects with the same images???
The project is for a real client
I like how you liked your own comment 😝
How do I add more bodies?
As a beginner studying web design, I have to say... holy mother of God!
That is cool !!!
After watching the intro, my jaw just dropped. God Goodness, This is awesome.
Thank you bro !!
Jaw dropped when the responsive part of the video kicked in. Amazing!!
Thank you bro !
Didn't watch the video, but viewed the source code. Amazing work making this look so easy! Thanks a ton!
You are welcome!
this is fire! 🔥 prob my favorite scroll effect out there!
Thank you !
I always love it when a youtube web developer puts source code in the description. Great work!
I am from Vietnam, I love this video, thank you
Most welcome !
I love this effect , so many applications. Thank you for showing how to prepare the images , I never seen that part before
Happy to hear that !
Great thing is you done this without any library...
You are defination of Perfection.....
👏👏👏👏👏👏👏👏👏
Thanks bro !
Wow.
I'M YOUR BIGGEST FAN IN JUST 5 MINUTES.
CONTINUE THE GOOD WORK CHAMP!
Thank you !! I appreciate that
Compared to others, this is the absolute best tutorial on the parallax!!!! Thank you for sharing!!!
Thanks🙏! I appreciate that 💚
Honestly I have yet to see a design as awesome as this!
Thank you bro !!
I don't speak English but I understood the tutorial perfectly, I loved it! thank you
You're welcome bro :)
Its a song actually
thanks dude this helps me understand parallax more.thumbs up!!
This is definitely the ULTIMATE tutorials!!
Thank you bro !!
It was extremely awesome. It makes me obsessed with the world of web dev. thanks for your splendid video.
Thank you! Glad it helped you
Damn Sir I was sleeping on that precious content. would love to see more Thanks Alot
There it is, true Parallax. Amazing work!
Thank you bro !!
You r awesome bro love it 😍
thanks !!
Thanks a lot. This video makes many couple of solutions for me. Only thanks is not enough for you, best wishes for you.
Thanks a lot !
Great tutorial man, i can't believe someone can write the code that clean 😶
Thank you bro !!
Dude you develop the most jaw-dropping animations, I am new to this but watching ur videos is pushing me to learn more and more thanks man, pls never stop keep dng this, u deserve more (I am appreciating u from the bottom of my heart)... Flawless
Thank you bro ! I appreciate that
Intresting video, but it's a special case. I mean your mathematical formulas. If we need put block with parallax bg from header in any other section in page - all broken. If we put section with text and image in any other section in page - it's broken. And text and image don't stop on 0 position - its meet together and go further
this want i want great work bro, i still don't know how to edit paralax website in ps but now i did
thanks for including the code and tutorial, would recommend people check do a crash course on css+html from w3 schools to help understand the code.
Thank you :)
In Chrome browser, there's a grey bar where the menu should be, but in Firefox, there is none. I'm going to put a regular nav bar in anyway. This is a perfect and very simple site. Thanks.
Thank you very much bro for your kind help on web devlopment ..
You're welcome !
Amazing tutorial! Thank you!
You're welcome !!
Great work bro as I am beginner I feel good with this tutorial
Thank you bro
Absolutely amazing! Great tutorial! I would only like to see the mathematic explanation of the formulas to understand your thinking proccess :) again, thanks for sharing! Very clean code and great explanation overall.
Thanks a lot !!
It's great plz next part of this plz plz plz plz
When you are cropped out the images in photoshop, you can use the previous cutout as a mask for the next one, creating a more exact cutout. Over all, its best to work non-destructively to allow modifications over the lifetime of the project. Also, using select subject will save you a lot of time selecting people in an image, especially if its on a flat background.
5:14 i never see this technique before. thanks for sharing.
You're welcome bro !
U're the best bro🔥🔥 . I really enjoyed the video and the soundtracks. Thank you!!!
Where have you been all this time😂
Thank you bro :)
Wow thank you ! Was looking for such tutorial after seeing this on dribbble
Thank you so much, bro. Keep it up!
Thanks !
So professional... thanks for sharing🌹❤
Thanks for this awesome content !
Most welcome !
This is awesome dude ! I love it !! Thanks for explanation, always nice to see people still sharing tricks for free. Does there is a way to insert that effect to a Wordpress project ?
Best parallax tutorial
True Coder you are the hero
Thank you bro :)
It is very useful . Thank you bro!.
You're welcome !!!
Thank you so much for your nice videos for learning codes. I really appreciate about your kind captions in videos too :)
Thank you !!
You are awesome bro🔥🔥🔥🔥🔥🔥
Thank you bro
It's great thanks and good luck
Thank you too
he makes it look easy 0_o
Very informative
Just what i need to study, thanks m8
Why z-index: 30; for the nav? The values
Do you have any calculations for the values to be these?
No there are no calculations, an element with greater z-index value is always in front of an element with a lower z-index value.
Awesome, this made me subscribe
Bro is this design conatins copyright or shall i use it
Awesome as always! Which theme of VS do you use? Keep up the good work!
Thank you !! I use material theme
this effect is amazing!!
Thank you mate !
Great video, thanks a lot
You're welcome
Awesome ! I subscribed
Happy to hear that !
Woww....this is impressive!
Thanks bro !!
Niceeee job bro ❤. Onother program or page IA for cuttin img? That is Not photoshop. Thanks
Can you do navbar change on scroll. Form the horizontal navbar to the sidebar
What software did you use? Also, your video is amazing!
vscode
@@TrueCoder thanks for replying
The website won't display properly if we are using a device below 2100px width.... :/
Does there is a way to adapt the full landscape at the beginning according the device used for the display ?
That's because i have been working with a 1280x720 screen. So just try resizing the images and it will be good
Thanks for the tutorial it was good. You would however get infinitely more engagement if you actually recorded audio as well and worked through everything step by step even if you broke it up into multiple videos. Most people watching this will only be able to copy and paste without knowing how to customize it for their own needs.
Thank you bro !
I'm going to use my voice in the next video
I agree.
just a heads up, this will break on any screen wider than 1340px
Awesome tutorial
Awesome 👌🌟
Thank you !
Can I use the background images for my portfolio site?
Incredible.. 💯
Thank you !
Bro !!!! Insane
Thanks bro!
this is ridiculous of soo perfect
Thank you, I appreciate that !
eu to espantado vendo isso, tenho que fazer um tcc de técnico em informática integrado do ensino médio, minha meta é entregar algo parecido. Em português não tem conteúdo bom como esse :(
você é um super heróis da edição?
Many thanks
Thank you very much
Thanks for video
You're welcome bro !
Good day, beautiful work, pls while writing out the code myself, I got an Uncaught typeError: translate.forEach is not a function....pls do u know or does anyone know how to solve this error. Feed back would be much appreciated 😊
Hi i am a beginner and started a new project with Angular. I wanted to adapt this beautiful effect to my procet but i dont know now how to use your vanilla javascript code in Angular. Adding the angular.json file didnt work. It loads the file but the effect wont appear. Can maybe u help me ?
Yes... that's indeed amazing.
Quisisera quitarle el oscurecimiento cuando bajo el scroll.... como le hago
Can I use your source code for my projects?
yes, of course
Thanks man...💚
title of the background song?
ok how do u figure out the mathematic equations ?! is there like a big formula idk about or what ? :D
🤩🤩🤩thanks
Amazing stuff
Thank bro !
What is the name of your editor theme
I like it a lot
Vscode Matherial theme
Your tutorial is AWESOMEE🔥 Just a few questions. When I resize my screen my mountains will disappear and when i enter full screen the background will have a white space on the right, seems like my background is not fit the screen. How can I solve these problems?
you just have to resize the images for your screen
because my screen resolution is smaller than yours
@@TrueCoder ah I got it. Can you make a tutorial about how to make a sidebar in this website, please? Cause it would be really cool if the website has a sidebar! Anyway, tysm!
Awesome! Liked. Followed. Rang the bell.
So sick dude
thanks bro thanks!!
Most welcome 💙💙
I like this
Where can I get the starting files pls
you'll find the images in the source code
@@TrueCoder Thank u so much.
Question guys : Why there is no width in Css in the body section ? My elements are moving according the size of my windows if I am not in full screen for example... :/
Awesome
Thanks
Hey bro! Wonderful video but I have a problem, after following your steps. The images would link on vsc. I understand why- it keeps saying error
Hey i added opacity class to other sections and they not working properly please help 🥺🥺🥺
It's so great!
Thank you !!
bro can u show the playlist of music in background
I will add a playlist of music I use in background soon
amazing
Great
Hey dude , could I get ur image file coz i cant download on ur github page?
AAAMMMAAAAAAZING!!!
Are you a web developer?