You are the best in CSS. Just today I was struggling with transform, then an hour later you upload this. God answers prayers!
@nguyenhanh9479
2 жыл бұрын
why did you thank god for somebody works is beyond me.
@deveighteen6302
2 жыл бұрын
@@nguyenhanh9479 lol, god rushes to take all the credit
@seddeknadhem5638
2 жыл бұрын
@@nguyenhanh9479 How people like are ungrateful for God's blessings is beyond me lol
@nguyenhanh9479
2 жыл бұрын
@@seddeknadhem5638 so when youtube put ads in mid video because god agree with that huh.
@seddeknadhem5638
2 жыл бұрын
@@nguyenhanh9479 Aren't you a funny one? stick to stand up comedy and let KZitem comments for us believers.
@hardwired89
3 жыл бұрын
we love your css and react coursee ❤️
@prashantindurkar
3 жыл бұрын
And JavaScript simplified alsooo
@pawanshrestha3823
3 жыл бұрын
I really hope that one day you will create a complete backend course. I'd pay for that.
@mouhamaddiop1144
3 жыл бұрын
il love translation in css. this is one of the biggest revolution in CSS.
@rinojunior5238
3 жыл бұрын
"maybe just center an object"..... backend developers: silent cry
@sameer07x19
3 ай бұрын
I didn't understood that 😅 can u Explain ?
@FullStackDevGreg
3 жыл бұрын
Thank you Sir, as a backend dev, I really appreciate your content to make me understand these principles. Please can you do a similar video on animate ?
@InterestingLake
2 ай бұрын
Thanks, this was really helpful.
@InterestingLake
2 ай бұрын
Thanks! Very helpful.
@ProgrammerLover
2 жыл бұрын
congratulations for 1 million subscriber,,,,,,,,😍😍😍😍💯💯💯
@AdelAdel-pn1bq
3 жыл бұрын
Finally you made a video about this transition thing Been struggling with it for too long
@maccharlesobani9521
Жыл бұрын
This is so wonderful...i love this so much😍😍😍😍😍😍😍 Very easy to understand
@Dan-p7f
3 жыл бұрын
Thank you for video! Super informative! One more thing to mention about transform, is that it should be used for animations instead of positioning (right, top, etc...) Position changes are heavy rendering every pixel, while transform is more smooth and less resource-intensive (causes less fps drops).
@Laura69
3 жыл бұрын
09:48 Worth to note that transform functions can be used more than once inside transform property and that order of transform functions matters: transform: translateX(100px, 100px) scale(2); transform: scale(2) translateX(100px, 100px); They dont give the same result
@aburayhan1897
Жыл бұрын
Just completed watching whole playlist
@hansakashehan3339
2 жыл бұрын
Thank You Brother
@bushigi5913
3 жыл бұрын
The last tip is so useful! Thanks for sharing.
@johnkeck
3 жыл бұрын
Good video: helpful! It would have been nice if you'd gone over the ordering of 3d rotations as well.
@502amvideos8
Жыл бұрын
thanks alot kyle
@bones1225
3 жыл бұрын
Kyle you rock. Love your channel.
@andy_frank
2 жыл бұрын
Thank you. Hope I make it big so I can retribute you the right way.
@Niqqo
3 жыл бұрын
Web Dev Simplified indeed, cheers man!
@margueritebainbridge9281
Жыл бұрын
Great content, clear articulation and outstanding at navigating the viewer. Thank you
@intensiveadvancedmath5281
Жыл бұрын
Thank you very much
@khaleds5627
2 жыл бұрын
Big like for this man thank you 💜❤️
@CrackerJayherber
3 жыл бұрын
You have helped me a lot with your tutorials. Thank you!
@igorbudimir573
Жыл бұрын
HVALA LJUBI TE BRAT
@sumabich721
2 жыл бұрын
I hate CSS. Having been doing nothing but frontend web development over the past couple months, I came to realize that I belong into the backend. It's good to know, but I will not be working with it profesionally.
@atom6202
3 жыл бұрын
Hey, can you do a video about putting google adsense ads on your react website or general monetisation
@snakeeyesOFFICIAL76
Жыл бұрын
You are good my friend
@arifazaidi3933
Жыл бұрын
You are the best !!!!!❤
@NiceChange
Жыл бұрын
Great work
@yzap_
10 ай бұрын
palmas pra vc, ótimo vídeo
@jaydenmoon1165
3 жыл бұрын
This was a wonderful video - thank you, very informative and helpful
@anticsBack
3 жыл бұрын
Fantastic content as always, thank you Kyle!
@Ameersoccerdev
3 жыл бұрын
I am doing your google drive clone which is great thank you
@domxon
3 жыл бұрын
@Ameer Hamza kzitem.info/news/bejne/mGps3naEbHikbKA
@anurajms
2 жыл бұрын
thank you
@Talel_kraiem
2 жыл бұрын
Amazing 👏 ..
@solo_1-b7b
6 ай бұрын
dude i dont know about transform bt i like your hair
@meliyomollameles
4 ай бұрын
I like it too
@satriauno3011
2 жыл бұрын
Very helpful Thankyou
@sherwancaris5199
2 жыл бұрын
thanks 👍
@genjimccorkle5518
3 жыл бұрын
transform literally helped with some overflow issues on the y axis on mobile iOS safari. Thanks a bunch.
@Skalexsong
3 жыл бұрын
Wow this is legit, thanks for sharing
@abdullahtanveer316
2 жыл бұрын
Hello, Kyle can you make a video of global css styles or default css starter styles that every css should have.? I'm struggling with this a lot.
@mohammedamer7896
2 жыл бұрын
great video thx
@NedumEze
3 жыл бұрын
Hi Kyle, Thanks for your illuminating presentations. Read much about Transforms. But watching you discuss its depth today, made a Lotta difference. I do have a worry, on a different property, 'float'! It appears to be outta favor today! Any idea why? Is there any other way of getting text to flow around or beside an image? Why is the literature villifying the 'float' property?
@muhammadsohaib9673
3 жыл бұрын
Amazing tutorial ♥️
@sonamuhialdeen7866
3 жыл бұрын
Awesome tutorial
@ptolemny
6 ай бұрын
When are we finally gonna hear you play some sick licks on that guitar?
@yoman9446
3 жыл бұрын
Please do some tutorials for tailwind
@whoman7930
3 жыл бұрын
for the transform property the order does matter for that functions. I hoping you'll mention that too. Also transform-origin is also not mentioned. :sad:
@badshifu
2 жыл бұрын
for RotateY(positive values), does it rotate in the clockwise direction? Or did he have those mixed up explaining it?
@DEV_XO
3 жыл бұрын
nice.
@genjimccorkle5518
3 жыл бұрын
CSS: easy to learn, good luck mastering.
@caiofernandes5074
2 жыл бұрын
Kyle in brazil ( Portuguese ) sound as same as Caio, my name
@julijangorenc5819
3 жыл бұрын
I am new to CSS/HTML, and I am having trouble understanding the last part. Why would you creat two classes(big, move)? Can't you just for example creat class .change and overide both translateX and scale at the same time. Isn't the end result the same as .move.big?
@aklimaakterrimi3814
2 жыл бұрын
why your voice is so relaxing...😑.. (sorry).. outstanding tutorial tbh
@chhavimanichoubey9437
3 жыл бұрын
the main takeaway i got from this video is using variables 🤦 saves a lot of time and memory
@DeecafTV
3 жыл бұрын
how do you watch your code while your writing it
@axi_uz1009
2 жыл бұрын
what do you use for recording bro
@Fshhady
3 жыл бұрын
Thank you for the great tutorials. I would like to ask about HTML. Is there a way to do partials?. I mean, if the project is large, we can make partial files for Nav.html and sidebar.html and so on. Then we can include them in the main html file index.html. like Include nav.html Or link src;nav.html Is that possible in any way? Thank you
@justanotherhotguy
3 жыл бұрын
You could use a framework like Vue or React. Earlier people could use JQuery for that, but not recommending.
@preciousgodwin239
10 ай бұрын
thanks a lot
@amindhahri2542
3 жыл бұрын
Which linux does he use?
@Shrumpf
3 жыл бұрын
I think it's called "Windows"
@thrasosthrasos7353
3 жыл бұрын
talking about 2D rotation and not mentioning the point around which rotation is happening could not be good tutorial
@camilobriceno1712
9 ай бұрын
you talk to fast
@MAGAVISHNUT
Жыл бұрын
Bro can you make videos by link external css file . Sometime it get confused with html codes and css codes
@NganNguyen-ww1ez
2 жыл бұрын
Thank you a lot
@vedantthombare1028
3 жыл бұрын
Who is seeing the background of this video's thumbnail? 😁
@sameer07x19
3 ай бұрын
U deserve more Subs ♥😉
@sahul._
3 жыл бұрын
Great 👏 stuff ..
@DGronki
3 жыл бұрын
I think is also worthy to mention transform-origin style and order of applying transformation
@chorkaniitv3386
2 жыл бұрын
This guy is a css God to show he isn't using a script hes talking fast, sorry bro you a bad teacher
@fraserlock-macardy9633
10 ай бұрын
Thank you for making these great videos. Very Helpful indeed. Cheers.
@jrTilak
4 ай бұрын
Just WOW ❤
@BioxyTube
3 жыл бұрын
me today in my head : " I need to add some animations to my app soon...maybe...hmmm" youtube : The future is written and I know..I know you need this tutorial!!!
@alejandronieto576
Жыл бұрын
Thanks Kyle from Argentina!
@mihailvelikov
Жыл бұрын
helpful
@Ameersoccerdev
3 жыл бұрын
First
@ab-zg8pt
2 жыл бұрын
Thanks for teaching us, Papi
@DaPaBe1999
3 жыл бұрын
I like your content, have you ever done tutorials regarding manipulating css or html dom inside JavaScript?
@rediettadesse5488
2 жыл бұрын
Thank you for this explanation, its brilliant.
@cam0cazi
3 жыл бұрын
Your videos r the shit dude started my fire base react project after seeing how easy it was for you
@sakinebarati7448
2 жыл бұрын
Like always this video was veryyyyyyyyyyy helpful for me ,thanks a lot.💜💜
@samandarboymurodov8941
Жыл бұрын
Very useful content, thank you!
@chandrakant6283
2 жыл бұрын
Absolute masterpiece. This helped me alot.
@mahmudapon8681
3 жыл бұрын
his premium courses are awesome.....
@ayanchowdhury7303
2 жыл бұрын
A BIG BIG help! Thanks a ton!
@carolinagalassi2922
3 жыл бұрын
I would like to learn more of animations, transitions in react. With no libs, just css please
for example: .transform-3d { transform: translate3D(20px, 20px, 40px); } .transform-3d override { // here can we override only y axis without disturbing the x and z axis values } is it possible to override only y axis without disturbing x and z axis ? (inside override class)
@Laura69
3 жыл бұрын
Using custom properties to modify each value individually it's the better way to do that
@anonymousshooter3636
3 жыл бұрын
@@Laura69 thanks for the reply. so basically you are saying that using css variables in this context. (just to correct my knowledge)
@Laura69
3 жыл бұрын
Yeah, Kyle even said that near the end of the video, working with transforms without CSS variables it's much harder
@anonymousshooter3636
3 жыл бұрын
@@Laura69 Thank you very much
@shivansh901
3 жыл бұрын
Thanks for another great video, but imo if you used "transition" property on parent element, understanding transform properties would be much more easier.
@ridl27
3 жыл бұрын
ez
@mariogabry782
2 жыл бұрын
congrats. really well explained, helped me a lot and thats the way i would explain it to students if i would be a teacher
Пікірлер: 123