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
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.
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.
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 ?
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
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.
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?
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!
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 😊
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 ?
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 !!!
this is fire! 🔥 prob my favorite scroll effect out there!
Thank you !
Didn't watch the video, but viewed the source code. Amazing work making this look so easy! Thanks a ton!
You are welcome!
After watching the intro, my jaw just dropped. God Goodness, This is awesome.
Thank you bro !!
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 !
Jaw dropped when the responsive part of the video kicked in. Amazing!!
Thank you bro !
I always love it when a youtube web developer puts source code in the description. Great work!
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
Honestly I have yet to see a design as awesome as this!
Thank you bro !!
I am from Vietnam, I love this video, thank you
Most welcome !
Compared to others, this is the absolute best tutorial on the parallax!!!! Thank you for sharing!!!
Thanks🙏! I appreciate that 💚
I don't speak English but I understood the tutorial perfectly, I loved it! thank you
You're welcome bro :)
Its a song actually
This is definitely the ULTIMATE tutorials!!
Thank you bro !!
thanks dude this helps me understand parallax more.thumbs up!!
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
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
There it is, true Parallax. Amazing work!
Thank you bro !!
Great tutorial man, i can't believe someone can write the code that clean 😶
Thank you bro !!
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 :)
Damn Sir I was sleeping on that precious content. would love to see more Thanks Alot
You r awesome bro love it 😍
thanks !!
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 :)
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 !!
Best parallax tutorial
Amazing tutorial! Thank you!
You're welcome !!
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.
True Coder you are the hero
Thank you bro :)
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 !
Thanks for this awesome content !
Most welcome !
5:14 i never see this technique before. thanks for sharing.
You're welcome bro !
It's great plz next part of this plz plz plz plz
Thank you very much bro for your kind help on web devlopment ..
You're 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 ?
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
Great work bro as I am beginner I feel good with this tutorial
Thank you bro
this want i want great work bro, i still don't know how to edit paralax website in ps but now i did
Thank you so much, bro. Keep it up!
Thanks !
So professional... thanks for sharing🌹❤
It's great thanks and good luck
Thank you too
Awesome as always! Which theme of VS do you use? Keep up the good work!
Thank you !! I use material theme
It is very useful . Thank you bro!.
You're welcome !!!
Wow thank you ! Was looking for such tutorial after seeing this on dribbble
he makes it look easy 0_o
Thank you so much for your nice videos for learning codes. I really appreciate about your kind captions in videos too :)
Thank you !!
this effect is amazing!!
Thank you mate !
What software did you use? Also, your video is amazing!
vscode
@@TrueCoder thanks for replying
Bro !!!! Insane
Thanks bro!
Very informative
Just what i need to study, thanks m8
Many thanks
Awesome ! I subscribed
Happy to hear that !
Great video, thanks a lot
You're welcome
Woww....this is impressive!
Thanks bro !!
Niceeee job bro ❤. Onother program or page IA for cuttin img? That is Not photoshop. Thanks
Awesome tutorial
Awesome
Thanks
Awesome, this made me subscribe
I like this
So sick dude
You are awesome bro🔥🔥🔥🔥🔥🔥
Thank you bro
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.
AAAMMMAAAAAAZING!!!
this is ridiculous of soo perfect
Thank you, I appreciate that !
Thanks for video
You're welcome bro !
thanks bro thanks!!
Most welcome 💙💙
Bro is this design conatins copyright or shall i use it
Yes... that's indeed amazing.
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.
Thank you very much
amazing
Awesome 👌🌟
Thank you !
Incredible.. 💯
Thank you !
just a heads up, this will break on any screen wider than 1340px
Amazing stuff
Thank bro !
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?
It's so great!
Thank you !!
🤩🤩🤩thanks
Great
Can you do navbar change on scroll. Form the horizontal navbar to the sidebar
Can I use the background images for my portfolio site?
Awesome!
Thank you !
ok how do u figure out the mathematic equations ?! is there like a big formula idk about or what ? :D
wow!
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?
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!
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 😊
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
Ahahaha next level🔥🔥
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.
Quisisera quitarle el oscurecimiento cuando bajo el scroll.... como le hago
Love u man :) love this
What is the name of your editor theme
I like it a lot
Vscode Matherial theme
Can I use your source code for my projects?
yes, of course
Thanks man...💚
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
greeeeeeaaaattttttt😍😍😍😍😍😍
cool auto subscribe
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... :/
bro while scrolling there is some gap between mountain 2 and 3 and also between mountain 2 and sky
Just play around with positionings and speed until you don’t have anymore those gaps