Тёмный
True Coder
True Coder
True Coder
Подписаться
Hey 👋,
True Coder is a channel that makes creative tutorials about HTML, CSS and JavaScript. I create stunning front-end projects such as websites, games ..., with creative UI/UX designs, and I show you guys how you can make it by your own.

Make sure to subscribe to the channel. Your subscription will motivate me to keep making more tutorials 💚

Комментарии
@mikeball1397
@mikeball1397 4 часа назад
How can i find the website that i have created here? Ive done everything but cant find my website? Can some one help me please
@PoplovPanda
@PoplovPanda 9 дней назад
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
@TrueCoder 9 дней назад
Glad I could help!
@nguyen11b1inh2
@nguyen11b1inh2 14 дней назад
I really appreciate your efforts in creating high-quality content like this !
@TrueCoder
@TrueCoder 9 дней назад
Glad you enjoy it!
@sedrakable
@sedrakable 14 дней назад
Im wondering, does this type of design impact performance?
@muhammadrozaan7439
@muhammadrozaan7439 17 дней назад
Developer lies: "its gonna be really quick" 1 errors later.... (Great tutorial btw 🎉)
@ricardormarcos
@ricardormarcos 18 дней назад
Why not use label instead of h5 ?
@ogeochife2443
@ogeochife2443 19 дней назад
Thais is a very educative video, i must say that you are so intelligent, and i look forward to more videos
@bleartfuball3072
@bleartfuball3072 20 дней назад
Can you make this effect in Webflow
@RohanShrestha-rz3ic
@RohanShrestha-rz3ic 24 дня назад
8:50 that Ghidorah got me laughing 😂
@ajande64227
@ajande64227 26 дней назад
How? This is amazing 😢❤
@Karanpatel-kv6rb
@Karanpatel-kv6rb Месяц назад
A very great video, I learnt so many things, but I have issue. Whenever I refresh my page all of the .png executes one by one, I mean it animates according to array start-to-end. that creates a choppy animation, help me with it.
@EstrellaNegra369
@EstrellaNegra369 Месяц назад
Mr beast?
@rbmrpg7322
@rbmrpg7322 Месяц назад
maghrabi ?
@ryanbalaguer3481
@ryanbalaguer3481 Месяц назад
awesome, magnificent, very clear instruction with detailed image sample, super amazing.
@user-ww4te9st7q
@user-ww4te9st7q Месяц назад
You didn’t show us where you took the link.
@gSquare67
@gSquare67 Месяц назад
amazing job
@lillyse7en-oz4hv
@lillyse7en-oz4hv Месяц назад
i followed the tutorial but my website keeps crashing as soon as i add speedx value in js. WELP
@RajeshSingh-kj8ev
@RajeshSingh-kj8ev Месяц назад
hello sir my preserve-3d is not working in my project can you please help me
@foroughnosrati8627
@foroughnosrati8627 Месяц назад
such a great tutorial thanks it helped so much
@TheLogicalHammad
@TheLogicalHammad Месяц назад
Hey, I love and appreciate your hardwork. Man it's so hard to copy word by word from this project and make my own project and I'm wondering how hard it would have been for you especially when you had figure everything out on your own. Thank you so much for this tutorial.
@AshuraVlogs
@AshuraVlogs Месяц назад
I literally clicked by seeing Mr beast.. all i hear is 😅 some another dude 😎 but thanks for the tutorial 😀
@gSquare67
@gSquare67 Месяц назад
same lmao
@AlmondChocolateMilk
@AlmondChocolateMilk Месяц назад
What’s wrong, MrBeast? You don’t sound right
@kryptons-galaxy
@kryptons-galaxy Месяц назад
Don't know how 56 minutes passed, it looks so easy at first but the photoshop thing is 😢
@Immanual-mug
@Immanual-mug Месяц назад
Mad mathematics sir
@InkAndIdeas0802
@InkAndIdeas0802 Месяц назад
21:22
@AyoubAyoub-hj7jv
@AyoubAyoub-hj7jv Месяц назад
Olah ila l3aaazz lik akhoya ❤
@oussamareghay7081
@oussamareghay7081 Месяц назад
Glad to see a Moroccan dev out there 😉 keep up the good work!
@Justyln
@Justyln 10 дней назад
lmao, he gave all comments a heart but yours
@oussamareghay7081
@oussamareghay7081 10 дней назад
@@Justyln does that even matter ?
@Justyln
@Justyln 9 дней назад
@@oussamareghay7081 it does dawg, everything matters.
@haylinivana6285
@haylinivana6285 Месяц назад
this is brilliant, thank you so much!
@dhanushram._.5241
@dhanushram._.5241 Месяц назад
I am stuck at the data-distance part. Only my bg and fog and text are visible but others are not visible. Tried my best to recheck and debug myself but am not able to. Can someone please help. Thanks
@anasmkhool8862
@anasmkhool8862 Месяц назад
dislike man , the graphic comments reduce the content, and frankly, I did not see anything in the main childes styling 😥😥
@RockDeborah666
@RockDeborah666 2 месяца назад
Hi, what visual theme are you using in VSCode? I tried looking through each one but none looked like yours, I really like the visual differentiation of yours
@GODOFCALCULUS
@GODOFCALCULUS 2 месяца назад
You guys can't provide free templates anymore... All you want is coffee ☕ as if you don't make a lot already on RU-vid 😡😡😡😡😡
@bhatiasatwik
@bhatiasatwik 2 месяца назад
Bhai bolta h tu i love you 🥺
@ChessOnly-oz8md
@ChessOnly-oz8md 2 месяца назад
how can i modify the code so that the signup page appears first i have to display errors during validation hence the page gets reloaded to original position I could fix this if i get the signup page as the first window in the same left side
@ChessOnly-oz8md
@ChessOnly-oz8md 2 месяца назад
it would be a great help
@Usesamle
@Usesamle 2 месяца назад
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!!!
@AmikulaPavani
@AmikulaPavani 2 месяца назад
Please don’t add the music rather use your voice and explain how you are doing it!!!
@tuzelityshuffleshorts5545
@tuzelityshuffleshorts5545 2 месяца назад
noice
@padpode
@padpode 2 месяца назад
code php?
@ajinkyakandelkar7497
@ajinkyakandelkar7497 2 месяца назад
Hello, Im doing it using Angular the problem im facing right now is that im not able to get the parallax_el elements in my constructor do you have any solution on that ?
@evavargas5549
@evavargas5549 2 месяца назад
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.
@Noob-be3dg
@Noob-be3dg 2 месяца назад
Bro i need code that you have fast forwarded 😢
@user-wg4hl4iv2t
@user-wg4hl4iv2t 2 месяца назад
mghribi
@4uHdmovies-kp
@4uHdmovies-kp 3 месяца назад
thanks so much bhai
@emadehliel7377
@emadehliel7377 3 месяца назад
i waste many hours in your code .... nothing works with mouse movement .... i test ,.. i change ... i try many many time ,,, no errors but nothing move
@emadehliel7377
@emadehliel7377 3 месяца назад
This correct code after i fix it >> but its is still not working : app.js const parallax_el = document.querySelectorAll(".parallax"); let xValue = 0, yValue = 0; let rotateDegree = 0; function update(cursorPosition) { parallax_el.forEach ((el) => { let speedx = el.dataset.speedx; let speedy = el.dataset.speedy; let speedz = el.dataset.speedz; let rotateSpeed = el.dataset.rotation; el.style.transform = `translateX(calc(-50% +${-xValue*speedx}px)) rotateY(${rotateDegree*rotateSpeed}deg) translateY(calc(50% +${yValue*speedy}px)) perspective(2300px) translateZ(${zValue*speedz}px)`; }); } update(0); window.addEventListener("mousemove", (e) => { xValue = e.clientX - window.innerWidth / 2; yValue = e.clientY - window.innerHeight / 2; rotateDegree = (xValue / (window.innerWidth / 2))*20; update(e.clientX); let zValue = (cursorPosition - parseFloat(getComputedStyle(el).left))*isInLeft * 0.1; let isInLeft = parseFloat(getComputedStyle(el).left) < window.innerWidth / 2 ? 1: -1; });
@testaccount-xj7ef
@testaccount-xj7ef 3 месяца назад
bro i can't buy the project from india, is there any other way, i really need the source code.
@iKlausPH
@iKlausPH 3 месяца назад
You got me with the white themed VSC.
@surcecode123
@surcecode123 3 месяца назад
great
@letshigh99
@letshigh99 3 месяца назад
mr. Beast is it truly you?
@Prajeevan99
@Prajeevan99 3 месяца назад
bro i can't purchase from India is there any other way to purchase.