Тёмный

Learn CSS Positioning Quickly With A Real World Example 

Slaying The Dragon
Подписаться 100 тыс.
Просмотров 542 тыс.
50% 1

🚨🚨🚨 COURSES - slayingthedragon.io 🚨🚨🚨
Discord - / discord
Source: github.com/RamziBach/Learn-CS...
0:00 Absolute
4:31 Static & Relative
5:57 Fixed & Sticky

Наука

Опубликовано:

 

4 май 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 636   
@slayingthedragon
@slayingthedragon 7 месяцев назад
🚨🚨🚨 New CSS Course - slayingthedragon.io 🚨🚨🚨
@pasikaterotv5542
@pasikaterotv5542 Месяц назад
Hello sir. New fan and follower here✋ how can I fixed this code because whenever I view it portrait it is okey but when in landscape view it moves. Can you fixed it sir? .box1 { background-color: blue; width: 100%; height: 100px; margin: 10px; } .box2 { background-color: violet; width: 30%; margin:10px; height: 100px; } .box3 { background-color: green; width: 67%; height: 100px; margin: 10px; margin-top: -110px; margin-left: 120px; } .box4 { background-color: red; width: 100%; height: 100px; margin: 10px; Box Model 1 |
@zeusyt4658
@zeusyt4658 Год назад
One of the best CSS teachers I’ve seen
@slayingthedragon
@slayingthedragon Год назад
Thank you ☺️
@hmthanhgm
@hmthanhgm Год назад
Exactly !!!. Thank you @slayingthedragon
@fizzinsoda
@fizzinsoda Год назад
literally
@chocomuslim3074
@chocomuslim3074 Год назад
TRUEEEE :D : D
@abhisaragarwal9084
@abhisaragarwal9084 Год назад
@@slayingthedragon how can I improve my css skills I know the syntax but I don't know where to use which css while making a website I need to watch RU-vid video for every css any tips for it so that I can do css without RU-vid videos
@ogredev
@ogredev Год назад
Man, you rock. Ive been a web dev for 15+ years and I’ve always put off mastery of css because I hated it. You’ve instructed in such a way that it takes a lot of the confusion away. Thank, you truly have a gift for teaching.
@slayingthedragon
@slayingthedragon Год назад
Thank you ☺️❤️❤️
@TradeWithJon
@TradeWithJon 9 месяцев назад
I can agree as well; been coding for a long time now, even got a senior role and my CSS is still bleh 😂 Thanks to this video though, it’s bought a lot of clarity to positioning
@mailman1021
@mailman1021 6 месяцев назад
I thought you had to know HTML and CSS/ styling formats to be a web dev… is my self study wrong or am I stacking my resume when I only need an HTML basic? LOL
@danieltumanyan9782
@danieltumanyan9782 5 месяцев назад
@@slayingthedragon Bro, how di you color the items in div wihout anything?
@danieltumanyan9782
@danieltumanyan9782 5 месяцев назад
@@slayingthedragon wil you send that css code?
@deweywsu
@deweywsu 11 месяцев назад
You are a great teacher. You don't skip steps, you move at a good pace, and you build on knowledge. Keep them coming, please!
@haritpatel5001
@haritpatel5001 11 месяцев назад
I've never watched such detailed and on point css tutorial ever before. Great content, appropriate it a lot.
@Maho2109
@Maho2109 9 месяцев назад
Absolutely wonderful little tutorial, it's at the exact line between too easy or not explained enough, extremely useful to me to review basic CSS rules that I ended up misunderstanding or forgetting over time. Thanks a lot, keep it up! The pace, examples you've picked are great.
@stephenmurya
@stephenmurya Год назад
I wish I met your channel during my early days of Web dev. CSS was such a pain, but the way you explain things is just so succinct! Thank you!
@Miguelskytwins
@Miguelskytwins Год назад
I can't believe I've just learned positioning in just a little over 8 minutes. Honestly man you are a legend. You have no idea how much I'm learning with your videos. Thank you so much!
@ayushagrawal8519
@ayushagrawal8519 8 месяцев назад
That was the best explanation possible to find all over the internet for absolute, relative, fixed and sticky. LOVE YOU MAN
@mutalechanda2388
@mutalechanda2388 8 месяцев назад
I have watched a number of tutorials on positioning but never got to really understand these until I stumbled upon your video. Thanks a lot bro, you've earned my sub.
@dezlymac
@dezlymac 7 месяцев назад
Just subscribed to your channel. This is honestly one of the best tutorials on RU-vid on this topic. The fact that this video has real world examples and is still only 8 minutes is insane! After watching this, I'm like "Why the heck was this so hard to understand before?!". Excellent video! Rock on🤘🚀
@collinbruno4256
@collinbruno4256 Год назад
Just recently started a Software Dev class and the way you explain things just click instantly! Watching this video made me realize how easy it is to actually use flexboxes. Great video!
@adriansandoval4617
@adriansandoval4617 Год назад
Spent 3 hours yesterday trying to position 4 boxes three hours Are Not Going to come back in today I found this video and it was able to position 4 boxes in less than minutes 10 minutes I was struggling with flexbox and flexbox was not the key thank you so much my man
@tiktokspicyfyp9195
@tiktokspicyfyp9195 11 месяцев назад
I have always struggled with css never understood it and I never found a video that explained it well and it makes sense now. I'm binge watching all your videos , bro you are my hero
@miracledesign1968
@miracledesign1968 6 месяцев назад
An absolutely time and money saving tutorial, i watched 8-9 hours of css course material, none of that made it this clear. Thank you so much...
@vicadajomarie1076
@vicadajomarie1076 6 месяцев назад
Finally found a best teacher for this! Very clear and concise, thank you!
@jx2pd
@jx2pd 8 месяцев назад
The best CSS positioning tutorial I've ever seen! Thanks a lot! Great job man
@ethanamjad
@ethanamjad Год назад
your way of explaining things with details is really amazing
@SamtheSWE
@SamtheSWE Год назад
This is my first video I’ve seen on your channel and I have to say I’m quite impressed. You made CSS make much more sense than most bootcamps. Thank you for sharing your knowledge. Instant sub!
@slayingthedragon
@slayingthedragon Год назад
Thank you - more to come 😊❤
@LewisandToniaTV
@LewisandToniaTV 8 месяцев назад
Thank you for giving real-world examples of how CSS can be used. The best video I've seen
@Mwtorres89
@Mwtorres89 11 месяцев назад
Extremely well explained.. actually better than any other video I’ve seen. It clicked in me with this video!! Thanks keep it up
@madamadalin645
@madamadalin645 Год назад
The way you explain is so well done! Congrats for being a good teacher
@user-vo2sk7lt6b
@user-vo2sk7lt6b 5 месяцев назад
Finally someone who taught so fluently. Now every concepts are cleared. Thanks man !! ♥️
@anirban12d
@anirban12d Год назад
Gotta say bro, I have watched a lot of turorials regarding css, but none of them could make it look like a piece of cake like you do...I am glad that I found your channel. Thank you so much for making these quality tutorials for us, keep up the good work buddy.
@slayingthedragon
@slayingthedragon Год назад
Thank you ☺️❤️❤️
@purplebokso
@purplebokso Год назад
Because you just watched "turorials" only!
@kathfennemore1131
@kathfennemore1131 7 месяцев назад
This is brilliant. I'm trying to self teach from scratch and I'm trying to put together a website with some buttons. Been battling to position them for ages and this just simplifies it so nicely!
@williamsseyi886
@williamsseyi886 11 месяцев назад
This guy really deserves to get a million subs rn😐, honestly one of the best teachers on here
@adalbertojosebrasaca9697
@adalbertojosebrasaca9697 7 месяцев назад
I believe this is the best explanation about positioning elements using CSS that I've ever seen. Awesome !!! 👌👌👌
@mihalore
@mihalore 8 месяцев назад
you make CSS seem so easy, thank you for the video!
@KwameGyanko
@KwameGyanko 8 месяцев назад
Instant sub. Getting back into webdev after being a motion designer and i was going through the code of a website template i downloaded. All my confusion in some aspects has been solved by most of your videos. thank you
@amishapatil9703
@amishapatil9703 5 месяцев назад
I understood it so quickly! I was indifferent about css for 5 years but you made css interesting now. Thank you so much
@vedymin7
@vedymin7 Год назад
I can't believe what a gem channel I just found :D I get goosebumps from the feeling that I finally understand
@basseyoliver3972
@basseyoliver3972 Год назад
Wow! Learnt a whole lots of new techniques here. Been confused of certain properties and values but have been clarified. Thanks Sir!
@greysquid1432
@greysquid1432 7 месяцев назад
❤ clear and concise video! Thanks!
@facucu5957
@facucu5957 Год назад
You are the best css teacher I´ve ever seen, thanks for making this video.
@diudude288
@diudude288 Год назад
Absolutely stunning way to explain.. Huge appreciation brother. We want more of these.
@locolalo1364
@locolalo1364 Год назад
I watched this video three times a day for two weeks straight. now i've learned this by heart. thanks brother.
@hertechera
@hertechera 9 месяцев назад
This is such a great way of teaching. Thank you for the real-life example.
@bl7937
@bl7937 8 месяцев назад
I’ve struggled with positioning and when to use and what to use. I must say, best video on RU-vid for explaining this topic.
@0xTRellyx0
@0xTRellyx0 2 месяца назад
This is fantastically explained. Thank you!
@vlnsrikanth3242
@vlnsrikanth3242 11 месяцев назад
Sir!! You are Awesome and nailed it!. No words to praise for your way of teaching in such a crystal clear manner. I think UI freshers will be blessed after watching your explanations.
@mykelcee
@mykelcee 5 месяцев назад
You're one of the best tutor I have ever seen in the entire youtube planet! awesome men keep it up
@uncleted470
@uncleted470 Месяц назад
Yoooo! I just stumbled on this by mistake as i'm working on my html and css skills. U are absolutely and relatively the best CSS teacher.
@guitarcrax127
@guitarcrax127 3 месяца назад
honestly the best css explainer, I literally started understanding CSS after watching your videos
@gokturkbuyuktuna8557
@gokturkbuyuktuna8557 17 дней назад
The real world examples make this video absolutely incredible. Great work 🎉
@geferdgonzales3375
@geferdgonzales3375 Год назад
I hope you continue sharing your knowledge. You are awesome!
@berbudy
@berbudy Год назад
You are the guy I have been looking for, amazing presentation
@asmmahfuz8569
@asmmahfuz8569 Год назад
Another great tutorial. No wasted mumbling, always on point. Thanks again. I hope that you make tutorials on more complex topics such as "Pseudo Classes" and "Pseudo Elements" in the future. But instead of talking them in a single video, maybe you can go into details into 2-3 separate videos. But before that, from the general topics, maybe you can teach us about all the units such as rem, em and fr. It's a simple topic but many beginners have problem with these various units and don't know when to use which. Thank you for making things so simple for us
@slayingthedragon
@slayingthedragon Год назад
Thank you, great suggestions I'll definitely do videos on those soon. If you have more suggestions feel free to comment them, I add every video suggestions to my list of videos to make 😁🔥
@asmmahfuz8569
@asmmahfuz8569 Год назад
@@slayingthedragon I usually suggest a new video once you release a new one because I don't wanna overwhelm you with suggestions. But I suggested 3 today. But I hope that you make multiple parts on "Pseudo Classes" and "Pseudo Elements" and expand upon them since there are so many of those and they are so important for making a web beyond basic (beginner) level.
@someoneyouveneverheardof
@someoneyouveneverheardof 9 месяцев назад
Man this was so helpful! Thanks!!
@lev5679
@lev5679 5 месяцев назад
I have picked up a lot from this video, not just about positioning but also minor details like overflow x and such. Please keep on making great contents
@abdelhafidachtaou2940
@abdelhafidachtaou2940 9 месяцев назад
Your teaching pedagogy is next level. Thank you!
@danya1667
@danya1667 Год назад
Bro you explain css styling so well. Thank you for the concise explanations.
@CodingCopilotYT
@CodingCopilotYT 10 месяцев назад
one more underrated channel, you deserve more my friend, great work keep it up!
@ahtishamchaudhary436
@ahtishamchaudhary436 3 месяца назад
Bro you literally Nailed it the real life website demonstration also made the concepts to grasp easily by seeing in which situations we are likely to use position property.
@Shadow-wo4yx
@Shadow-wo4yx 23 дня назад
This is an amazing tutorial! Showing how it works and how other elements affect it, then how you implemented it on the website
@jphearson
@jphearson Год назад
Glad I found your channel. You make it much easier to understand.
@user-ko3kg1eu7f
@user-ko3kg1eu7f 9 месяцев назад
just fabulous. You can't even imagine how difficult it was for me to learn this. Most websites use some difficult language and jargons to explain.
@sergio_saad
@sergio_saad 8 месяцев назад
again, just impressive this class. Man, you`re different. just perfect
@m3t4z0d
@m3t4z0d Год назад
Yeah bro, this is the best video i've ever seen about css positioning. Your didactic is awesome!
@Squilzz_
@Squilzz_ 8 месяцев назад
Holy flippin heck how has this video not been recommended to me before. THANK YYOOOOUUUUUUUU
@nexus2056
@nexus2056 Год назад
You're amazing man, dev=finitely one of the best CSS tutorials on YT. Keep up the good work 🔥
@mertcangurcan8752
@mertcangurcan8752 7 месяцев назад
this is beyond amazing. tysm. I was so confused with positions
@cutiehammy3566
@cutiehammy3566 Год назад
Out of many tutorials out there, this one is the best ngl
@vitorribeiro2002
@vitorribeiro2002 8 месяцев назад
Thanks, dude! Very nice crash course
@nakoskyranos4080
@nakoskyranos4080 9 месяцев назад
these are the best css videos on youtube! thanks!😊
@piyaphongklanmor7873
@piyaphongklanmor7873 8 месяцев назад
one of the best explanation ever!
@person81045
@person81045 11 месяцев назад
This guy knows his css. And he knows how to tell you what you need to know to get to mastery. I love it
@GrozaJamer
@GrozaJamer 9 дней назад
this was my first video i watched from your channel and i think you deserve more support
@cleyannotfound1744
@cleyannotfound1744 8 месяцев назад
Thank you so much, i was struggling with that but now i understand it very well !
@kamdanibwp
@kamdanibwp Год назад
I thought i knew the position property well, but honestly i came to know some concepts now by seeing your video... Once again many many many thanks for all the hard work of yours in creating this video...
@user-ej3dv8ks6p
@user-ej3dv8ks6p 8 месяцев назад
Amazing and just sensational !! ❤❤
@manakuroyuki8161
@manakuroyuki8161 10 месяцев назад
this is what I'm looking for been confused with position... thank you for your explanation ^^ it's helpful
@tawhidkhondakar731
@tawhidkhondakar731 9 месяцев назад
Thank you so much. Very nicely elaborated
@StephenPasco
@StephenPasco 9 месяцев назад
You have a knack for teaching. Great use of examples. Keep making videos.
@truthvfiction
@truthvfiction 2 месяца назад
If anyone wants an accelerated css boot camp in just a few minutes this is the place. I’ve been coding for 28 years and this the source for css. Subscribed.
@zandemon
@zandemon Месяц назад
This video totally boosted my css game, thank you.
@theanimators8202
@theanimators8202 Месяц назад
that was crazy good, I cant believe I have only discovered you!!!
@user-rq2ek3he9w
@user-rq2ek3he9w 3 месяца назад
you are indeed good in your craft. you have helped me get clarity on some subjects in css, thank you.
@ishtiaqsvideos
@ishtiaqsvideos Год назад
Wow - What a tutorial To the point Less word used Very well structured Excellent
@AquaRocxtar
@AquaRocxtar 9 месяцев назад
You are amazing man. You have made my life easy. I am very very very thankful.
@d.o.nmuzic3802
@d.o.nmuzic3802 Год назад
I’m really liking your videos. Thorough explanation, clear examples and easy to understand use cases. Thank you 🙏🏾
@slayingthedragon
@slayingthedragon Год назад
Much love ❤❤❤
@SandhyaB-ve5xs
@SandhyaB-ve5xs 6 месяцев назад
Thank you so much for a clear and precised tutorial on CSS positioning.
@dikymiso
@dikymiso Год назад
Fast&easy tutorial, amazing work. Keep it up.
@amityadav-np1rk
@amityadav-np1rk 7 месяцев назад
Man, you’re a legend !!
@haruru5082
@haruru5082 11 месяцев назад
Thank you very much for putting this video, you managed to give us so much information and knowledge in very simple and easy to understand way. Can’t wait for more videos from you, have a great day! ❤🌸
@bogdanmiron4238
@bogdanmiron4238 2 месяца назад
No words, besides Thanks and golden tutorial! awesome
@Manki96728
@Manki96728 3 месяца назад
One of the best videos i've seen so far, keep it up
@ebbsonline2780
@ebbsonline2780 Год назад
This tutorial is too good. I just understood everything without hesitation. Thumbs up bro 👍 👏
@darkbluebossa
@darkbluebossa 7 месяцев назад
Real cool. Love these real world examples.
@nikolapuzovic6929
@nikolapuzovic6929 Год назад
Best explanation i found, simple fast and easy to understand. Great teaching skills.
@Jcmacielh
@Jcmacielh 7 месяцев назад
Your videos are just majestic
@antoniomike2972
@antoniomike2972 Год назад
Thanks guy! I was confused with "positioning" but after watching your video I get it now
@KoeCo4035
@KoeCo4035 8 месяцев назад
Straight forward. and easy understandable epxamples with Real world application. Awesome. Subscribed.
@shrishkumar8158
@shrishkumar8158 11 месяцев назад
I really needed this video very much. Thanks for your hard work.
@methanesulfonic
@methanesulfonic 2 месяца назад
You and Kevin Powell are one of the best css teacher out here in youtube🙏 I cant thank you guys enough for this
@royandescartes
@royandescartes Год назад
wow. just wow. i am in shock at how you made me understand this. thank you . i got so much more to learn.
@heidizhang4348
@heidizhang4348 11 месяцев назад
Thank you for the video! Very helpful to understand this topic.
@durodolavictor5635
@durodolavictor5635 Год назад
Amazing video bruv! Brilliant work. Keep it up.
@covjeksirena6966
@covjeksirena6966 Год назад
I think it would be absolutely amazing and extremely useful if you made a bigger video going through the process of making a website. No video cuts, just making a website with your commentary. That practical example would really show us how a frontend dev thinks when structuring a website. Thank you once more for these videos ❤
@slayingthedragon
@slayingthedragon Год назад
I'm finishing up a video on CSS unit, might be up tonight or tomorrow and then right after I was planning on making exactly what you're asking 😁
@covjeksirena6966
@covjeksirena6966 Год назад
@@slayingthedragon Wow, thank you so much. I’m currently kinda struggling with html and css in college since it’s the first time I came into contact with it so it’s kinda hard to follow. Your videos really help. Thank you again and keep it up ❤️
@zettai8087
@zettai8087 7 месяцев назад
So did he make it. Send the link if he did
@covjeksirena6966
@covjeksirena6966 7 месяцев назад
@@zettai8087 It’s on his channel, should be one of his latest videos and is longer than usual. You should be able to find it
@N1rOx
@N1rOx 4 месяца назад
@@zettai8087 go to his channel and under videos, it's the build your own portfolio video
@elliotlassey3118
@elliotlassey3118 7 месяцев назад
Such an amazing video💯💯. I already understand css positions but I just love the amount of work you put in to make everything look really beautiful. You earned a sub
@SparrowVivek
@SparrowVivek 8 месяцев назад
Brilliant. Just plain brilliant...
Далее
Learn CSS Animations In 20 Minutes - For Beginners
21:22
CSS position deep dive
28:14
Просмотров 75 тыс.
Learn Flexbox CSS in 8 minutes
8:16
Просмотров 1,3 млн
Learn CSS Subgrid in 14 minutes
14:19
Просмотров 2 тыс.
Responsive Flexbox Layout in 2 Minutes
2:41
Learn CSS BOX MODEL - With Real World Examples
17:45
Просмотров 70 тыс.
Learn CSS Grid - A 13 Minute Deep Dive
13:35
Просмотров 425 тыс.
Top 10 CSS One Liners That Will Blow Your Mind
13:34
Просмотров 869 тыс.
Beginners Should Think Differently When Writing Golang
11:35
Incredible scroll-based animations with CSS-only
32:23
Просмотров 305 тыс.