The dude just taught us Photoshop better than an actual photoshop tutorial. 10/10

@YxK112

Жыл бұрын

make it yourself

@frixzoss

Жыл бұрын

@@YxK112 thenks 🫶

@bukhtyarhaider4045

11 ай бұрын

NO doubt 😁

wow mr beast really knows how to code

@zorith

8 ай бұрын

Lol

@WARCRY_OFFICIAL

8 ай бұрын

😂😂😂

@KunalKumar-bf5ts

8 ай бұрын

😂😂

@johnskuter6680

7 ай бұрын

😂😂

@PeterS123101

5 ай бұрын

Reported for scam and false thumbnail.

I'm a developer myself and I must say you designed, developed and explained this responsive parallax so well. 👏 Keep it up!

@TrueCoder

8 ай бұрын

Glad you like it!

@ryanbalaguer3481

Ай бұрын

and fun video editing too. great content

voice over ☑ no loud music☑ great explanation☑ awesome design☑ thank you for this masterpiece ❤

@TrueCoder

Жыл бұрын

I appreciate that ! Thank you too for watching !

@Yoskio

Жыл бұрын

Piece oh shit miniature but yeah

@walkdino8771

Жыл бұрын

Mr beast V

@feltronnn

Жыл бұрын

memes ☑

@minidragonlady

8 ай бұрын

@@TrueCoder What VSCode theme is this? Thank you :)

The jokes and memes throughout this video are hilarious, coupled with clear and precise explanations of every little detail and the video editing emphasizing said details, dude this video is ridiculously good. Nice work my man.

@TrueCoder

Жыл бұрын

Thank you man! Glad you liked it

@vladislove_bdhm

Жыл бұрын

Yesss!))))

This is hands-down one of the best tutorials I've come across .... excellent explanation with great visuals 👌

@TrueCoder

Жыл бұрын

Thanks mate! That means a lot to me

@KAEcqR

Жыл бұрын

​@@TrueCoder i wish you showed the exact css values for layers, i had to go frame by frame and re write this, but still awesome

This is the first time I watched a coding tutorial that didn't make me feel sleepy! I love how you explain things clearly and adding some humor. With that, you've earned a new subscriber!

@TrueCoder

11 ай бұрын

Glad it helped!

@omaralatas1345

7 ай бұрын

i didnt even watch the video, but because of your comment i subscrbed

@TACDetective

5 ай бұрын

@@omaralatas1345 He aint posted any content for a year.

would be dope if you scrolled back up to smash that like button

@user-tv3pt5ks6t

Жыл бұрын

I did

@BLACKMOON_.013

Жыл бұрын

20:40 .bg-img is show in half screen.... I will check it many times but i don't know where is error... Plzz help

@guptaarpit

Жыл бұрын

@@BLACKMOON_.013 he didnt show those background images css properly

@TrueCoder

Жыл бұрын

.bg-img - width: 2800px; - top: calc(50% - 390px); - left: calc(50% + 10px); - z-index: 1; .fog-1 - z-index: 2; - top: calc(50% - 100px); - left: calc(50% + 300px); - width: 1900px; .mountain-10 - z-index: 3; - top: calc(50% + 69px); - width: 870px; - left: calc(50% + 230px); .fog-2 - z-index: 4; - top: calc(50% + 95px); - left: calc(50% + 7px); - width: 1833px; .mountain-9 z-index: 5; top: calc(50% + 119px); width: 463px; left: calc(50% - 457px); .mountain-8 z-index: 6; top: calc(50% + 96px); width: 786px; left: calc(50% - 202px) ¬¬¬ .fog-3 z-index: 7; top: calc(50% + 171px); left: calc(50% + 29px); width: 449px .mountain-7 z-index: 8; width: 515px; top: calc(50% + 134px); left: calc(50% + 305px); .mountain-6 z-index: 10; top: calc(50% + 86.5px); width: 383.5px; left: calc(50% + 590px); .fog-4 z-index: 11; top: calc(50% + 242px); left: calc(50% - 64px); width: 543px; .mountain-5 z-index: 12; top: calc(50% + 269px); width: 583px; left: calc(50% + 130px); .fog-5 z-index: 13; top: calc(50% + 149px); left: calc(50% - 28px); width: 1435px; .mountain-4 z-index: 14; top: calc(50% + 221px); width: 717px; left: calc(50% - 381.5px) .mountain-3 z-index: 15; top: calc(50% + 133px); left: calc(50% + 736px); width: 419px; .fog-6 z-index: 16; top: calc(50% + 177px); left: calc(50% - 30px); width: 1418px; .mountain-2 z-index: 17; top: calc(50% + 188px); left: calc(50% + 412px); width: 625px; .mountain-1 z-index: 18; top: calc(50% + 91.5px); left: calc(50% - 601px); width: 450px

@guptaarpit

Жыл бұрын

@@TrueCoder 🥺🥺🥺 thanks

8 minutes in and Im shocked you managed to edit like this for an hour long video. Great work, this is a fantastic tutorial.

@TrueCoder

Жыл бұрын

Thank you! Glad you liked it

I really appreciate the effort to make your tutorials beginner friendly! Thank you.

@TrueCoder

11 ай бұрын

Glad it was helpful!

I'm not a web designer, but I'll be using this for my animation website for sure! Thank you so much!

Awesome tutorial, you can't imagine how long I've been looking for a paralax toturial like this... you also added responsivity.... so amazing!🐒. You definitely deserve coffee and more subscribers! 🔥🔥🔥

@TrueCoder

Жыл бұрын

Thank you man 💚 Glad you liked it !

@jesCiTy

Жыл бұрын

responsivity is not a word

@himanshumaal5466

8 ай бұрын

@@jesCiTy maybe responsiveness

@neanda

8 ай бұрын

@@jesCiTy yes it is. "Responsivity measures the input-output gain of a detector system. In the specific case of a photodetector, it measures the electrical output per optical input." btw, no one cares any more about those who spend their time looking for mistakes in the english used in comments, it's the meaning that counts. sometimes english is not their native language, and sometimes they've got better things to do than write perfect comments. the meaning is the only thing that matters, be smart enough to work it out, not remain dumb to just nit pick. don't reply

Dude, this video is criminally underrated. The whole production is next level. Very impressed. Gonna buy you a coffee now. Well done! and thank you!

@TrueCoder

Жыл бұрын

Thank you! I appreciate that 💚

This video/tutorial is amazing! I really enjoyed watching it! Nice editing and not to annoying :)

@TrueCoder

Жыл бұрын

Thank you 🙏

This tutorial is a career maker! You explain everything so nice, I understood basics of js I used to take for granted. Thank you really 🎉

@TrueCoder

Жыл бұрын

Glad it was helpful 🙏

Great video and super helpful! I like how you used position: absolute for the - I've also solved the 100vh scrollbar issue by setting a --header-height: in :root, then assigning the height for to var(--header-height) and assigning height for to calc(100vh - var(--header-height)). Thanks again!

I'm hugely grateful for the inclusion of the Photoshop tricks and the thorough THOROUGH explanation of all the code. I feel like i knew much of it already but i learned through painful trial and error. Wish I'd seen this video years ago! Huge effort. Thank you so much!

@TrueCoder

Жыл бұрын

Thank you mate ! Glad it was helpful 💚

A tip for easy overlapping layers I always use: parent{display:grid} parent >*{grid-column: 1 / -1; grid-row: 1 / -1;} and just make all images are same width height and position elements in layer in photoshop as you like. The just use order: 1 ….2,3…and so on to stack them as you like

what a great video and a great tutorial. very informative easy to follow, thank you!

I saw this website two months ago and was blown away by the parallax ....always wanted someone to create and explain it...Prayer answered...Long live...😍

@Chenny-mw9gl

Ай бұрын

Where did you see it/whats the link?

@yasirtahirkheli74

Ай бұрын

@@Chenny-mw9gl as a matter of fact i saw it on youtube and was quite shocked how beautiful it was.

Nice tutorial, well described. Just a question : as you use GSAP for page landing animations, why don't use it for the parallax effect itself ?

How did you even manage to edit like this. perfect

The way you explained and your hard work, hats off to that, Literally this is gonna by my next project.

It's so cool that you added the part how to create the assets and work with photoshop!

What a fantastic walkthrough, thank you so much for the hole effort and share this knowledge!😍

@TrueCoder

Жыл бұрын

Thank you, Glad you enjoyed it !

@FALCON9GAMING

Жыл бұрын

whole*

30:18 I believe if you rename the `data-speedx` to `data-speed-x`, then in JS you can use camelCase and rename `speedx` to `speedX` so it's consistent with the naming scheme of `e.clientX` (which is also using camelCase). Just details, but if anyone was wondering, there you go.

This guys videos have taught me more than any other tutorial on youtube, hope to see more in the future, such as the advanced calculator tutorial that u once said you would do

This Video Editing is awsome man! Love it.

I like the way you explain it is professional and motivates me to be more effective in terms of design innovation , Thanks !

@TrueCoder

Жыл бұрын

Thanks for the support friend

Loved it !! can you bring same animated landing pages in REACT js ? ❣❣

What an incredible tutorial!!! Thank you so much for this and I would love to see more of this content soon.

@TrueCoder

10 ай бұрын

Thank you 🙏 Stay tuned !

This is the most fantastic show of skill and knowledge I've ever seen. This man knows more about Photoshop than he knows how to code. And I could never reach his JS skills. Insane. This video will blow your mind if you pay attention to the time and effort he put in this. Holy.....

Great tutorial! Just one suggestion: to have more realistic effect, the front layers should move faster than background - imagine you move in a train, and railroad poles move fast, but the landscape barely changes.

This is awesome, but it involves photo editing using photoshop which some developers are not familiar with / used to, I will build it using the assets provided, thank you for this amazing work 👍

@TrueCoder

Жыл бұрын

Thank you for your support, I appreciate that 💚 I involved the photoshop part cause many people were asking me how I prepare the assets, so I thought It would be a good idea If I showed that in this video. Anyway thanks for your feedback.

@rivvelmusic

Жыл бұрын

But he did provide the assets?

@guptaarpit

Жыл бұрын

​@@TrueCoder plz continue to do so. How to make assests 🤘😎 its cool

@dxpdigital5343

Жыл бұрын

@@rivvelmusicdo you know how to read the description? Dude if that part is that hard how do you think you can actually do this? Smh.

@rivvelmusic

Жыл бұрын

@@dxpdigital5343 ? What in the description dissproves what I said?

this is brilliant, thank you so much!

As an 3d and vfx artist now i need my own website thx for tutorial 🎉

Man, this editing is just awesome! Can't imagine how much time you spent on it. Great job!

@TrueCoder

9 ай бұрын

Thank you 😊

I generally like alot of videos but donot comment much but seriously after watching whole video i have seen how much efforts you put in this single video totally loved and enjoyed memes, explanation and other things and want more awesome content like this in future keep it up buddy waiting for new video :-) new subscriber btw

@TrueCoder

Жыл бұрын

Thank you mate ! Really appreciate it 🙏

This tutorial is simply amazing. Thank you!

Your editing, explanation and coding skills are so awesome that I don't even realise it's a video of an hour first I was thinking it's a 10 to 15 min longer 😂❤

did you literally put mr beast in the thumbnail

I'm not gonna write those 500 lines of codes 😢😭

@YoRu-Cat

2 ай бұрын

Bruh. No pain no gain 😔

Very nice tutorial, you cover the entire process. Thank you!

I could definitely see this type of transition taking place especially in game menus.

im so glad youre doing videos again

Thank you for this amazing video

Thanks man! The best thing ever!

One of the best end tutorials I've ever seen! Keep it up! Subscribed :)

@TrueCoder

Жыл бұрын

Thank you 💙🙏

Awesome! Keep up the good work!!

incredible tutorial, more like this pls 🙏

Great video. Thank you.

Watched the entire video without knowing the basics of html,css,javascript and loved it.

awesome, magnificent, very clear instruction with detailed image sample, super amazing.

yeay eventually hearing your voice! Damn, for a video this quality + voice narration + all the meme and animation stuff, I know you put in a lot of work bro. Keep it up!

@TrueCoder

Жыл бұрын

Thank you brother ! I appreciate that !

Man this is awesome, please keep it up!

Wow. I wish all trainings can be like this!

I know nothing about photoshop and website creations, but the result is impressive and the memes throughout the videos are so hilarious that my like wasn't optional. Good job!

@TrueCoder

Жыл бұрын

Thank you mate! I really appreciate it 💙

Thanks for doing this!

I've been up since 3am, and it's been worth every second. Now that's a tutorial. The jokes and memes make the tutorial lighter to watch.

Never have I learned so much in 1 hour from a single coding video, and I did the CS50 course. Thank you so much dude!

@TrueCoder

26 күн бұрын

Glad I could help!

this video made html css js more fun, i was doubting if i should continue studying, now, no more hesitation!

Great tutorial!

You got me with the white themed VSC.

you are killing it mate you are smooth man. do make more tutorials like this one

@TrueCoder

Жыл бұрын

Thank you for your kind words. More to come !

You are a boss, thanks for sharing.

Beginner friendly? even better......beautiful, i want to make this for my bakery website :D indulge into cake layer by layer

Awesome! thanks

Awesome efforts brother 🔥🔥 , subscribed ❤️

wow what a really well done video !

Love it, looks awesome!

@TrueCoder

Жыл бұрын

🙏💙

this is dope, and why this isnt viral yet..... keep up the good work

lolll broooooo, Thank you man, this is exactly what I've been looking for for a long time. Instead, I will press the subscribe button and like button to support you. Please continue to make videos with ideas like this!!!

Thanks!!

nice work bro ! thank you for that, so fantastic !

@TrueCoder

Жыл бұрын

💙💙🙏

I've never see such a great work __ appreciating 🥰

@TrueCoder

Жыл бұрын

Thanks for your kind words 💚

Awesome video editing and explanation

this is so damn sick. Great idea

sick, need more!

This is insane! You are a true coder sir! Deff earned my sub!

@TrueCoder

Жыл бұрын

Glad you liked it 💚

Really nice video! Both photoshop and code examples :D

Amazing! Beautiful indeed

really very well made

Loved it !! can you bring same animated landing pages in REACT js ?

I am literally astonished by the level of this tutorial...

amazing job

Very easy and helpful!

This guy taught photoshop, html, css, and javascript in a single video. He lives up to the name of the channel. Kudos bud!

@TrueCoder

Жыл бұрын

Thank you mate 💙🙏

@divyanshpandey8355

Жыл бұрын

@@TrueCoder your video tutorial was easy to follow and the way you explained everything keeps a coder out of tutorial-hell too. I wish you keep doing what you do and come up with more interesting projects for your subscribers. and with that You've earned a SUB!!!

@TrueCoder

Жыл бұрын

I appreciate your support ! More to come this summer !!

Great idea, now ima try do that in React

Awesome tutorial, desing and video edit!! You have a new one suscriber. Congratulations.

@TrueCoder

Жыл бұрын

💚💚

Definitely worth a subscribe.

Gained a like and a sub! Thanks a lot for the great and amazing tutorial

awesome, suscribed!

Great explanation and editing! hats off Bruh 👍

@TrueCoder

Жыл бұрын

🙏💙

It's interesting that video where Photoshop was just 1 part of it taught me more me more Photoshop than hours of videos that I have intentionally searched and watched.

Finally , i found best channel to Learn ,

this is just GREAT

I really appreciate your efforts in creating high-quality content like this !

@TrueCoder

26 күн бұрын

Glad you enjoy it!

Nice tutorial and with a voice over, explanation and humors, it became very entertaining. I hope you make more tutorials like this in the future.

@TrueCoder

Жыл бұрын

Thank you 🙏 More to come !

Second time, a tutorial that actually works. If you want to get your code purchased just say at the beginning, so we don't waste time trying to figure where is the error for 3 hrs. Thank you.

I love it 💯💥