CSS Crash Course For Absolute Beginners

  Рет қаралды 4,376,304

Traversy Media

Traversy Media

6 жыл бұрын

In this video I will cram as much as possible about CSS. We will be looking at styles, selectors, declarations, etc. We will build a CSS cheat sheet that you can keep as a resource and we will also create a basic website layout. We are using CSS3 but mostly the basics. I will be creating an advanced CSS course with animations, etc. I do have a Flexbox in 20 minutes video as well if you want to learn flexbox.
21 Hour HTML & CSS Course:
www.udemy.com/course/modern-h...
CODE: Code for this video
www.traversymedia.com/download...
HTML CRASH COURSE VIDEO:
• HTML Crash Course For ...
BECOME A PATRON: Support me directly for even $1 per month
/ traversymedia
ONE TIME DONATIONS:
www.paypal.me/traversymedia
FOLLOW TRAVERSY MEDIA:
/ traversymedia
/ traversymedia
/ traversymedia

Пікірлер: 3 900
@user-xz2ld2gp3y
@user-xz2ld2gp3y 5 жыл бұрын
*Time Stamps* _Intro_ 0:00-0:25 ---- Intro 0:25-2:02 ---- Before We Begin 2:02-2:55 ---- What is CSS? 2:55-3:30 ---- What We Need To Start 3:30-5:33 ---- Creating a CSS file (Sublime) 5:33-7:11 ---- Methods For Adding CSS (mistake at 6:18, meant to say "Internal" not "Inline CSS") _CSS_ 7:11-11:14 ---- Color (all 3 methods) 11:14-13:31---- CSS Selectors 13:31-15:46 ---- Colors in CSS 15:46-20:00 ---- Web Safe Fonts (sizes, weights, and height) 20:00-24:53 ---- Class and Id 24:53-33:00 ---- Box Model, Margin and Padding Shorthand, and Borders 33:00-39:10 ---- Text Formatting Styles (list style 38:34-39:10) 39:10-44:20 ---- Links (images 42:20) 44:20-51:20 ---- Forms (button style 48:30-51:20) 51:20-57:10 ---- Alignment and Floating 57:10-1:03:41 ---- Positioning in CSS 1:03:41-1:06:20 ---- Setting Images As Element Background 1:06:20-1:08:55 ---- Pseudo Classes 1:08:55-1:25:10 ---- Making Own Website (Outro)
@IKamiZz
@IKamiZz 5 жыл бұрын
bump
@LoktionBanger
@LoktionBanger 5 жыл бұрын
who IS this boy?
@oddlancertips2002
@oddlancertips2002 5 жыл бұрын
You have no idea about "Inline CSS" kid. Just wait for growing up and one day u will learn about that.
@sys434
@sys434 5 жыл бұрын
You legend
@tanishq2766
@tanishq2766 5 жыл бұрын
@@oddlancertips2002 lmao that's what I call epic !! Actually I just realized his name is kid too 😂😂
@soffi2719
@soffi2719 4 жыл бұрын
It feels weird when he apologies for doing an amazing job 🤣. This guy is an absolute gem !
@jeanp.5929
@jeanp.5929 4 жыл бұрын
Some people are perfectionist. We can't thank them enough. God bless him.
@nirmalbuoy
@nirmalbuoy 3 жыл бұрын
@@jeanp.5929 True
@zes3813
@zes3813 3 жыл бұрын
no such thing as right brainx or well or conveyx well or not, think, say any no matter what and any s perfect
@harishbalasubramanian78
@harishbalasubramanian78 4 жыл бұрын
I can't thank you enough for the sheer amount of free quality content that you have produced.
@ahmadalghali90
@ahmadalghali90 3 жыл бұрын
you can thank him by becoming a patreon :D
@philjoseph3252
@philjoseph3252 3 жыл бұрын
@@ahmadalghali90 Definitely he deserves it
@ahmadalghali90
@ahmadalghali90 3 жыл бұрын
Chris Evans I see what you did there
@thenextbigthing7268
@thenextbigthing7268 3 жыл бұрын
@@ahmadalghali90 can you explain to me what he did there im not big brain at night my guess is because he @ u he's tellin u to do it aswell?
@ahmadalghali90
@ahmadalghali90 3 жыл бұрын
@@thenextbigthing7268 umm no the person delete the message ... i dont remember what he said
@KlausSmooth
@KlausSmooth 3 жыл бұрын
Every html/css tutorial on planet "Hello world uWu" Traversy Media: *_Goodbye World_*
@liammorrison4284
@liammorrison4284 3 жыл бұрын
and only 3 hours and 269 lines of css code later I finished the tutorial part of the video. As a kinesthetic learner I really appreciate videos like this. I came out of a bootcamp and was not confident with my css abilities. Coding along with this video helped me get a grasp on how the different properties work and gave me some good examples on how they're used. Thanks!
@ozzyfromspace
@ozzyfromspace 4 жыл бұрын
"Goodbye World." *Damn bro.*
@grandsuhn
@grandsuhn 3 жыл бұрын
Damn bro.
@friskydiskyneel
@friskydiskyneel 3 жыл бұрын
Well its ending sooo he predicted it so correctly
@oscwavcommentaccount
@oscwavcommentaccount 3 жыл бұрын
Couldn't have aged better.
@joypinero-deniz7704
@joypinero-deniz7704 3 жыл бұрын
this comment has me dying lol
@joypinero-deniz7704
@joypinero-deniz7704 3 жыл бұрын
gave myself a like cuz no one else would :P lol
@CraigCardimon
@CraigCardimon 3 жыл бұрын
Just wanted to thank you personally for your great "HTML Crash Course for Absolute Beginners" and the "CSS Crash Course for Absolute Beginners." They're both informative and well-produced from an audio/visual perspective. Not all online classes manage to do both, so your work on these is much appreciated.
@ThistleBlue
@ThistleBlue 2 жыл бұрын
Absolute legend for putting this out, no need to ever apologise for going over an hour. Fitting so much information into that space of time is hard and you've done that and more. I've learnt more about CSS from this video than I did in 4 years of University where they had us do an E-Commerce website. Thank you for making this simple too, I thought CSS was going to be hard, but this has been simple and easy to understand. You rock!
@akairink2170
@akairink2170 5 жыл бұрын
Me: Oh it is a one hour video, is not that much time. *it took me 5 hours to watch a 1 hour video.
@hfortenberry
@hfortenberry 5 жыл бұрын
LOL
@miguel.sanchez
@miguel.sanchez 4 жыл бұрын
Same here!
@treeoflife7151
@treeoflife7151 4 жыл бұрын
strongly recommend watching the video muted with x2 speed for the first time. then you can listen to clarify the parts you missed and skip others.
@will6568
@will6568 4 жыл бұрын
thats the world of learning programming through youtube
@sherenzpango6540
@sherenzpango6540 4 жыл бұрын
Same 😂
@operationssouthaid6683
@operationssouthaid6683 4 жыл бұрын
Thank you, Brad. I'm a 38-year-old guy. I work as a commercial relationship manager, but as a result of this quarantine, I wanted to learn new abilities and decided that programming is a key ability to have in nowadays world. I've been learning Python and now I started with your tutorials on HTML and CSS. So I want to extend my gratitude to people like you who create content for people like me who have no previous knowledge, and wish you the best in this endeavor. Thanks to you and other people who go straight to the point it is easier to learn. (sorry about my grammar, I'm a native Spanish speaker btw)
@sindisotebele7130
@sindisotebele7130 3 жыл бұрын
Hw is that working out for you
@samkh746
@samkh746 3 жыл бұрын
as you speak I feel like you speak about me, I already finished python and straight away I start HTML and CSS in this great channel, I took Python with mosh Hamadani.
@joee7809
@joee7809 2 жыл бұрын
Pretty solid grammar my guy. If you didn’t tell me I would’ve had idea you weren’t a natural English speaker
@weltroyt1270
@weltroyt1270 2 жыл бұрын
need the code of this video do you have it the link isnt working
@ilijajovanov3857
@ilijajovanov3857 2 жыл бұрын
I am 32, i work as truck dispatcher, and after 7 years, i am tired of it, I have just completed the html crash course, i still do not feel comfortable, but i think i can do this, hopefully after some time, i can learn this and make a career change, how did it turn out for you? any advice?
@adewalefaruq7615
@adewalefaruq7615 3 жыл бұрын
Still bangs after years! Thanks for this masterpiece
@theanigrammer8959
@theanigrammer8959 2 жыл бұрын
Not gonna lie, I learned more HTML5 and CSS3 by your tutorials than i have in the last 10 months by random tutorials on youtube. its very easy to understand you and you are very straight forward. Your are an amazing Programmer youtuber and you know how to cram in as much information ass possible in a limited amount of time. Thank you so much Brad!!!!
@TraversyMedia
@TraversyMedia 6 жыл бұрын
I will be working on an "Advanced CSS3" course with things like transitions/animations/keyframes. This like the title says is for absolute beginners.
@borsaniasushant1
@borsaniasushant1 6 жыл бұрын
Traversy Media I request you to include the real world example to that course. there are plenty of tutorial which shows transition and animation of just one square box but nobody implement it to real world website unfortunately. As always liked your video before starting as I am 100000% sure of the quality! God bless
@mootimadness7825
@mootimadness7825 6 жыл бұрын
thx a lot, i appreciate your time and hard work
@nero008
@nero008 6 жыл бұрын
Thank You!!
@AlexReillo
@AlexReillo 6 жыл бұрын
Hi Brad, love your Basic CSS tutorial. Would like to know when you can publish the Advanced CSS tutorial - transitions/animations/keyframes?
@samiaahmedsamanta7390
@samiaahmedsamanta7390 6 жыл бұрын
I want to know Have you uploaded the tutorial on Advanced CSS3? I didn't find that one!
@TraversyMedia
@TraversyMedia 6 жыл бұрын
Small mistake guys, at 6:18 I said "Inline CSS". I meant "Internal"
@whoiam5472
@whoiam5472 6 жыл бұрын
Traversy Media a crash course about css grid layouts would be amazing; )) thanks for tutorials! !
@oOcitizenOo
@oOcitizenOo 6 жыл бұрын
Traversy Media JS crash course pleease
@saifali-fy6bl
@saifali-fy6bl 6 жыл бұрын
JS crash course please :)
@2kgodlegend
@2kgodlegend 6 жыл бұрын
Traversy Media hello my code is not turning green on 11:02 I have the exact thing you have including file name???
@reddysrinath16
@reddysrinath16 6 жыл бұрын
2kgodlegend same problem bro
@sha8888
@sha8888 Жыл бұрын
this is like a semester of coding in 1 hour
@clsamedfaysal2660
@clsamedfaysal2660 4 ай бұрын
Who is here in 2024 🙂
@muhammadyunusa8583
@muhammadyunusa8583 Ай бұрын
Me
@pubgsarathi2954
@pubgsarathi2954 Ай бұрын
Me
@vasitileawere3317
@vasitileawere3317 Ай бұрын
Me😅
@sadra20ss34
@sadra20ss34 28 күн бұрын
Me!
@29moonlite91
@29moonlite91 21 күн бұрын
Me
@muhaimintaib
@muhaimintaib 4 жыл бұрын
Literally the best crash course I've ever watched to date. Period.
@aaron-bp2gn
@aaron-bp2gn 4 жыл бұрын
u put a period before the period, WHOA YOU HAVE A LONG NAME!
@sankalpmukherjee7789
@sankalpmukherjee7789 4 жыл бұрын
@@aaron-bp2gn Big Brain time
@h0ckeyd
@h0ckeyd 4 жыл бұрын
Absolutely; .css was a bit of a mystery to me before I watched this video :D....Gonna have to look at the flexbox and grid ones now!
@muhaimintaib
@muhaimintaib 4 жыл бұрын
@@aaron-bp2gn it's called double period, haha.
@yuyahawkins5366
@yuyahawkins5366 4 жыл бұрын
@@aaron-bp2gn he was emphasizing!
@SanjayKumar-il1jl
@SanjayKumar-il1jl 4 жыл бұрын
i am a 12 year old kid and using my dads account on KZbin , i am preety sure that most of the people watching this video would me much older than me but i am really into coding me and my dad were looking for a good coding video i think this one is the best thankyou sir.
@javabeanz8549
@javabeanz8549 4 жыл бұрын
Brad's videos are pretty good. And 12 isn't too young to be coding, my oldest was writing HTML at 8 years old, Perl code at 10. Brad also has courses with projects on Udemy.
@nodros1
@nodros1 4 жыл бұрын
I started when I was 13, it's a good age to start honestly! 22 years old now and still loving it
@javabeanz8549
@javabeanz8549 4 жыл бұрын
@@nodros1 13 was when I took my first class in BASIC, it was the IMSAI 8080 and the Poly 88. Started that class the same month the Apple II was first introduced.
@andydelange9588
@andydelange9588 4 жыл бұрын
@@javabeanz8549 you must be a pro by now.
@ManishKumar-kj7bj
@ManishKumar-kj7bj 3 жыл бұрын
@Pushpraj Dwivedi bcz you are an indian and in our country thing are different😂😂😂 hope u get it right😅😅
@pakuman5358
@pakuman5358 3 жыл бұрын
This is the greatest tutorial video to any topic I’ve ever watched. I went through the HTML5 crash course once and was able to sit down and put together an ugly but working website test with just about no real coding experience.
@PabloHernandez-tf4do
@PabloHernandez-tf4do 3 жыл бұрын
I am starting a three part coding bootcamp on 12/17/20 and the first part is a web fundamentals course which consists of learning html, css, and javascript. You have everything laid out here for free and I am so grateful that you are this kind to provide quality study material. Thank you from the bottom of my heart.
@StreamersClips22
@StreamersClips22 3 ай бұрын
hey man its been 3 years did you find a job as front-end-developer?
@PabloHernandez-tf4do
@PabloHernandez-tf4do 3 ай бұрын
@@StreamersClips22 No sir, after about a year of self learning I decided to start working towards an associates in Computer science. I am currently in my last semester till I get my associates and I might go for my bachelors
@Ziirf
@Ziirf 5 жыл бұрын
35:05 "let's make it say Goodbye world" It suddenly got very dark.
@danteo.4934
@danteo.4934 5 жыл бұрын
ahahhahhahahahhhahahahahha LOL
@CHRISandSHAN
@CHRISandSHAN 5 жыл бұрын
@@Theterry383 WTF bro.
@Theterry383
@Theterry383 5 жыл бұрын
man still cant get rid of it. I'm doing NoFap now so I just can't make it go away. This week was back to school week. It was weird meeting all my new professors with a huge bulge in my pants
@UserName-ii1ce
@UserName-ii1ce 5 жыл бұрын
*ashokan farewell*
@andrybussugu5850
@andrybussugu5850 5 жыл бұрын
true
@perfectwebsolutions
@perfectwebsolutions 6 жыл бұрын
you are making the history, by teaching the mystery
@hectoralexisperezcifuentes2270
@hectoralexisperezcifuentes2270 6 жыл бұрын
Teaching the Ministery!!
@madeinazerbaijan3133
@madeinazerbaijan3133 5 жыл бұрын
Perfect Web Solutions so true. 😊
@ParadoxWay
@ParadoxWay 4 жыл бұрын
pls visit on my channel i also make video realted to css html and javascript and if you like it so pls subbcribe
@tubbs5015
@tubbs5015 3 жыл бұрын
You are one of the most honest, hardworking, dedicated youtubers out there. This video and several others have helped me so much. Thank you!
@modithapiyumal4767
@modithapiyumal4767 6 ай бұрын
I watched this a few years back. And this and the html video were the two videos which made me realize that I could code. I was in a very hopeless situation at the time I first watched it. Now, something other than coding worked out for me, but, I still want to be a self taught software developer. So, I will definitely comment on my success in another video of yours. Thanks Mr. Traversy.
@kazimrahman7499
@kazimrahman7499 5 жыл бұрын
Like your style of : .Teaching { Voice : Clear; Pace: Medium; Explanation:Details; Enjoyed:Happily; } :) Thanks...!!
@ParadoxWay
@ParadoxWay 4 жыл бұрын
kazi MRahman kzbin.info/www/bejne/oKGahoalqaakaLc watch this pls support
@neeshsamsi
@neeshsamsi 3 жыл бұрын
@kazi MRahman couldn't have said it better !
@showkatahmadganie1528
@showkatahmadganie1528 3 жыл бұрын
A real coder.....the legend dude
@Me-wv9od
@Me-wv9od 3 жыл бұрын
@@showkatahmadganie1528 IKR.
@kanashii6208
@kanashii6208 3 жыл бұрын
hotel:trivago
@zeeshanayub9706
@zeeshanayub9706 4 жыл бұрын
This was probably the best CSS tutorial I have come across
@Celinah
@Celinah 4 жыл бұрын
It sure is.
@painprofessor
@painprofessor 2 жыл бұрын
Thank you so much Brad. You are an exceptional teacher and communicator. Your have a talent to demystify CSS and make it easily understandable and usable. And you even have Time stamps to make it even more structured and easier to use. Truely a master of your craft. I wish you absolute success in all of your endeavours. I am now a follower and will look for your other courses.
@aperezvoyages
@aperezvoyages Жыл бұрын
Absolutely great video! I took a step back from Web Development after finishing college for personal reasons and decided to come back. This was the perfect refresher video for me bringing me back to a lot that I remember but some things I forgot! Looking forward to more classes :D
@yoozeer
@yoozeer 6 жыл бұрын
Amazed by the quality of content and the speed at which being published. Hats off!!
@ojuswi
@ojuswi 3 жыл бұрын
Laughed along with you when you said "Botter Boddom" 😂😂😂
@shibrahmisbah4760
@shibrahmisbah4760 3 жыл бұрын
LMAO SAME. It could legit be a tongue twister XD
@katrineren6457
@katrineren6457 3 жыл бұрын
I can't thank you enough for posting this amazing video. Such a great crash course! Probably the best video for CSS3 learning.
@sakinajohar4188
@sakinajohar4188 3 жыл бұрын
I swear, I have never come across a better crash course.. Thanks a ton bud!!!
@Words-of-encouragement.-.
@Words-of-encouragement.-. 5 жыл бұрын
That website he built in 15 minutes *while explaining* at the end of the video, would take me 3 hours to build. 😂😂
@eclipse-cmd
@eclipse-cmd 4 жыл бұрын
lol, it happens for starters
@goldfishbrainjohn2462
@goldfishbrainjohn2462 4 жыл бұрын
It took me 1 day to build my header...and this guy, he built a whole page within 15 minutes... Holy shit!
@QuaverloveStudio
@QuaverloveStudio 4 жыл бұрын
Right?
@abdullahabdulaziz650
@abdullahabdulaziz650 4 жыл бұрын
Practicing matters and makes different :)
@mrbard1
@mrbard1 4 жыл бұрын
I knew a dude who created bots to dig in servers and bring back data in buckets and dump them into his proxy servers. I think I articulated that well. But setting that up took him about 4 hours of work. Which was fasinating to watch.
@chrisoleary8401
@chrisoleary8401 3 жыл бұрын
This is briliant. I'm currently doing an advanced CSS course and this just helped me to brush up on the basics. Thanks Brad. You're a legend.
@vixen5861
@vixen5861 Жыл бұрын
do u mind telling me which course u did ? thanks ^^
@kaludavid1831
@kaludavid1831 2 жыл бұрын
This is so helpful. I've been really having a hard time starting my programming journey but your tutorial just made it easier. Thank you so much. This means a lot 👏
@natking1u1z99
@natking1u1z99 2 жыл бұрын
I'm getting back into web design after a long break from IT contracting with the end goal of becoming a freelancer. I used your videos before and I'm back again. I believe your videos are the best on YT hands down!
@littleangpao1322
@littleangpao1322 4 жыл бұрын
You've thought me more in an hour and a half than every computer lesson I've had this whole year 😨
@503945158
@503945158 4 жыл бұрын
Did you go to a shitty school
@MichiganFresh
@MichiganFresh 4 жыл бұрын
I agree. His vids are so straight forward and more cements what I'm learning elsewhere
@rasum186
@rasum186 4 жыл бұрын
Me too
@Celinah
@Celinah 4 жыл бұрын
not everyone can teach...
@magicl2807
@magicl2807 3 жыл бұрын
not more, but at least 40% percent of what i learned this year lmao
@TomerBenDavid
@TomerBenDavid 6 жыл бұрын
You are an amazing teacher. You manage to put thing so clearly. You are gifted.
@TraversyMedia
@TraversyMedia 6 жыл бұрын
Thanks man
@ceenah100
@ceenah100 6 жыл бұрын
i agree
@astrarai-thesobercoder
@astrarai-thesobercoder 5 жыл бұрын
Agreed. Him and thenewboston are simply next level. These tutorials are amazing
@michaela5586
@michaela5586 5 жыл бұрын
I agree.
@shivangchheda6311
@shivangchheda6311 5 жыл бұрын
i agree.
@sarptetikel9341
@sarptetikel9341 3 жыл бұрын
What I like about what he does is he actually points out the more appropriate or preferable ways to do things rather than just say "do this and that", like he does in defining different ways of using CSS in the beginning
@Munchopen
@Munchopen 3 жыл бұрын
This CSS and the HTML crash course are extremely good. The way you type and explain makes it feel like you are right in there doing and understanding at the same time. Thanks a lot for the videos!
@PsychoBoyTyler
@PsychoBoyTyler 6 жыл бұрын
Like I said in my comment on your Foundation video, these tutorials are really helpful. I'm someone who is getting back to web development after several years and they have been helping immensely. CSS isn't easy to teach but you've made it look quite easy and have covered pretty much all the basics. I also how how calmly you talk, very easy to follow. Thank you for your work!
@TraversyMedia
@TraversyMedia 6 жыл бұрын
Thanks for the kind words :)
@BoisNation
@BoisNation 4 жыл бұрын
When I finished the HTML 5 tutorial from this guy, I learned so much. I knew I had to come back for CSS!
@timbordasch4118
@timbordasch4118 2 жыл бұрын
whoch one exactly? where do I find it
@omhiba9577
@omhiba9577 2 жыл бұрын
Yes indeed
@omhiba9577
@omhiba9577 2 жыл бұрын
@@timbordasch4118 html for complete beginners
@lameckotieno5837
@lameckotieno5837 3 жыл бұрын
Whenever I hear those beats in your video...my mind just switches to developing and coding🤤🙌
@laurabaldwin5512
@laurabaldwin5512 3 жыл бұрын
This was EXACTLY what I needed. So well presented. Thank you so much for your time.
@sivaganesh4489
@sivaganesh4489 3 жыл бұрын
I don't know why i feel relaxed while watching your videos compared to others
@sirmateuszmarek
@sirmateuszmarek 6 жыл бұрын
Brad, you are a machine! You are such a consistent youtuber! You are posting video after video! I believe you are one of the best youtubers when it comes to web-development channels, and I think that your tutorials are best on YT. Greetings from Poland! Keep up the good (or rather great) work!
@raggamuffinsouljah8795
@raggamuffinsouljah8795 6 жыл бұрын
You are excellent. The best explanation so far. I actually learned something. Thank you!
@tybeau469
@tybeau469 6 жыл бұрын
I am Polish by heritage and happen to be born and raised American.. I agree Brad is the "BEST" teacher/mentor I have come across on KZbin when it comes to learning/understanding coding. There's a huge difference between being book smart and being intelligent.. I prefer learning from an intellect.
@tybeau469
@tybeau469 6 жыл бұрын
He is also trustworthy. He admits to his mistakes and doesn't come off as a "Know It All". He learned what he's sharing with us and not acting like he's "ABOVE" us.. I'm just being honest about how I feel about his tutorials and the way he presents himself to me. Thank You Brad.
@allab7788
@allab7788 Жыл бұрын
This one is the most wonderful tutorial of CSS I saw, and I went through several. Thank you Brad!
@blackstar4802
@blackstar4802 2 жыл бұрын
Been looking for a course that do not rush through videos, slowly takes the time to explain the information properly and concise. I speak for many when i say thank you for taking the time to create the videos and looking forward for more videos.
@laurabennis3871
@laurabennis3871 5 жыл бұрын
you're seriously and insanely amazing, thank you sir for all of your hardwork !
@matthewriches2385
@matthewriches2385 6 жыл бұрын
I can’t explain how good this tutorial is! It is by far the best tutorial I have ever seen! I am actually happy it was so long because you didn’t rush anything and cut any corners!
@67davejb
@67davejb 3 жыл бұрын
This is the first time that I have found a video that helps me get my head around styling. Using Bootstrap and you have been a godsend, so much so that I purchased one of your courses! Thanks
@wonsoongi749
@wonsoongi749 2 жыл бұрын
weeks of intro to css lessons in an hour big respect
@hcastro23
@hcastro23 3 жыл бұрын
You just saved me a semester worth of work with this!
@RufusVidS
@RufusVidS 4 жыл бұрын
I love the fact it is all done "live", warts and all. It is very satisfying for the viewer to catch those mistakes just before you correct them!
@IrishDean1000
@IrishDean1000 2 жыл бұрын
Jumped onto this to reintroduce some fundamentals and it's great. Built the cheat-sheet along with you, so have that to refer too now on later projects. Thanks man!
@klaus6178
@klaus6178 3 жыл бұрын
Best CSS tutorial I've ever watched.
@ozzyfromspace
@ozzyfromspace 4 жыл бұрын
Dude, your 10 minute website template at the end was amazing to behold! I'm gonna become a Patreon soon :) I think I'm gonna consume quite a bit of your content.
@eg0tronic
@eg0tronic 5 жыл бұрын
This goes a lot faster than the basic HTML5 tutorial. I've had to pause. rewind, re-listen, and look up some of the stuff. This definitely got me going in the right direction and I greatly appreciate it. Great video!
@BillyBob_McSanchez
@BillyBob_McSanchez 3 жыл бұрын
You speak better English than my professors. You're a life savor!
@davidworth4692
@davidworth4692 2 жыл бұрын
Thanks Brad. Clear, comprehensive and understandable. You are a master at explaining and demonstrating this topic.
@ck7603
@ck7603 6 жыл бұрын
Skimming through this video I can already tell that it would be great for anyone that wants to have css stick in their head.
@TraversyMedia
@TraversyMedia 6 жыл бұрын
Thanks :) yeah css is a hard thing to teach man. There is so many different ways to do things. Then you have the artistic aspect. I also didn't want to get into more advanced stuff like animations. Hopefully it's clear though
@abbashussain7298
@abbashussain7298 6 жыл бұрын
Brad, you're a beast man- teaching people the beginnings of web dev! Are you going for a javascript tutorial next?
@rachaelkemuma8344
@rachaelkemuma8344 2 жыл бұрын
Just from the HTML video and I love it here. Everything is detailed and easy to understand. I have barely moved since I sat down because I am enjoying this too much
@mrCetus
@mrCetus 2 жыл бұрын
This is so brilliant, amazing, flawless etc etc Thanks for making this one, a quick refresher! Your explanations are straight to the point.
@carlazacarias1810
@carlazacarias1810 4 жыл бұрын
LOVE THIS tutorial!!! Thank you for explaining concepts using illustrations such as the box model, before going into the code
@jevenja
@jevenja 5 жыл бұрын
Thank you for making things clearly! Honestly one of the best "Lesson Movie".
@girljuice
@girljuice Жыл бұрын
5 years later and it is still a great video. Gracias!!!
@br1580
@br1580 Жыл бұрын
Thanks so much man. Can't wait to see some end-to-end projects we can follow along on. I learn heaps watching your vids.
@poyrazkarayel3700
@poyrazkarayel3700 6 жыл бұрын
So great! Thank you man, i watched many html/css/js tutorials, but almost nobody teachs even in 10 videos, what you taught in 1 hour:) Respect man! Keep doing this! Thank you for all:)
@MeegMaster
@MeegMaster 4 жыл бұрын
"Sorry this is taking so long...", no please. Keep going. Thoroughly enjoyed your explanations! Thank you so much for making this.
@abdullahkhalil7286
@abdullahkhalil7286 3 жыл бұрын
same here
@MrJwuzhear
@MrJwuzhear 2 жыл бұрын
felt the same way. I'll take any knowledge this guy has to give
@leeoyugi4934
@leeoyugi4934 2 жыл бұрын
Ditto
@user-in4hs6km2v
@user-in4hs6km2v 2 жыл бұрын
Yeah but I feel like I would rather watch multiple 1 hour videos than a single 10 hour video lol.
@user-in4hs6km2v
@user-in4hs6km2v 2 жыл бұрын
Wow! Thanks for making this video. I actually learned HTML by myself in 2018, and was dreading learning CSS, even though I knew it was faster than doing it manually in HTML. I'm glad I came across your video, because I thought it is almost impossible for me to make a website, but it is actually closer to me than I thought.
@chloegu4110
@chloegu4110 2 жыл бұрын
I really like your video because it is well-organized, precise and straight-forward, full of key points with no crap. I would search for more advanced courses on your udemy.
@universalpronunciation1228
@universalpronunciation1228 4 жыл бұрын
Thank you, I know this is pretty old now but it's still fully up to date and just as useful as before! This was how I learned CSS and HTML from your other video
@Eikon_FF
@Eikon_FF 6 жыл бұрын
This is really great for starters and career shifters. You're awesome dude!
@rishab7079
@rishab7079 3 жыл бұрын
I just love the way you teach web dev...Even though I am going through this for the first time on the day before my exam, I'm understanding the concepts thoroughly. Please do not apologize for teaching us. You have covered almost all concepts that my University offers in the best way, We'll make time for watching the whole video.
@Alex-pc5jv
@Alex-pc5jv 3 жыл бұрын
Needed this for my it assignment - way more than my college taught me Thank you! Watched the HTML one as well. Well worth investing my time in these videos :).
@rahulsarma6719
@rahulsarma6719 4 жыл бұрын
Probably one of the best videos on CSS thank you
@ziaahmad8738
@ziaahmad8738 4 жыл бұрын
Long video? I can watch you straight 24 hours, Thank you very much.
@anupthakare6679
@anupthakare6679 3 жыл бұрын
Standing ovation! I would say it was just perfectly delivered and precisions content! God bless you Brad!
@nicola84palm
@nicola84palm 3 жыл бұрын
Your videos are amazing! I have just found them yesterday, as I restarted to work in web developing after many years.
@Sadaf.heidari
@Sadaf.heidari 4 жыл бұрын
took me 2 days to watch and practice while playing the video. my god ! I have learnt a lot. Thank you so much. you nailed it. you deserve a BIG KISS xxxxxx
@battlefist6884
@battlefist6884 4 жыл бұрын
give me that kiss lol :P
@shamicodess
@shamicodess 4 жыл бұрын
you can give me i will give him your kiss
@Seekingtruth-mx3ur
@Seekingtruth-mx3ur 4 жыл бұрын
Bunch of simps ^^^ lol
@camillomancini5619
@camillomancini5619 4 жыл бұрын
Will you kiss me too I am a nazi so you know 🥺 will a nazi guy get love ?
@AlexAsili
@AlexAsili 4 жыл бұрын
hello whatssap me pleas, need some help +254701396101
@huifkar770
@huifkar770 4 жыл бұрын
Thank you so much for your tutorials. I'm trying to find my way into web development professionally. You've made it so accessible for me and have given me the confidence to pursue my ambitions further.
@user-xj7ms2hy7l
@user-xj7ms2hy7l 4 жыл бұрын
What have you learn after this video so far?
@luisf7105
@luisf7105 2 жыл бұрын
Brad, thank you for this valuable free content. You really pack a lot of great information in these videos for us beginners. You keep things very basic and easy to follow along; I now feel confident enough to know what structure to follow to really learn these technologies. For me personally, it makes things much easier when I know what I need to learn and in what order. Since there is so much information out there, it can quickly become overwhelming to know where to even start. Once again, THANK YOU!!
@kristianarizabal1779
@kristianarizabal1779 2 жыл бұрын
I watched these videos before getting an exam where you are required to do a sample website. these helps a lot! thanks man!
@justinwarren9495
@justinwarren9495 5 жыл бұрын
Really good video! I watched both this and the HTML Crash Course and they have been very helpful. My only critique is this - please don't apologize for making the videos long :) It is so important to have in-depth videos that really cover stuff and not just short 5-7 minutes that don't connect the dots! Not sure if you have any Wordpress videos but that would also be helpful especially for new developers that may work with that tech as well (even though some don't love WP!)
@FilipCodes
@FilipCodes 4 жыл бұрын
Exactly my thoughts. There are like 9h tutorial videos out there.
@devaub
@devaub 4 жыл бұрын
Bro, Brad created very good WordPress courses, and also WordPress theme development course, you can check out his playlist section, and if won't find these courses in the playlist, then you can search in his channel (open his channel on pc or a laptop, and you will search option at middle top right corner, you type wordpress there, and you will his wordpress related courses In Shaa Allah)
@elizabethyorick8763
@elizabethyorick8763 4 жыл бұрын
@Lukas007 Just a suggestion - you might want to specify your code that isn't working. Nobody can help if they can't see what you have done. ;)
@JE-nt6ix
@JE-nt6ix 3 жыл бұрын
Agreed, my biggest problem with programming tutorials are when they go over content too quickly and you have to pause constantly (looking at you Brackeys (in .75 speed)). Didn't have that problem here, the tutorial is very well paced.
@milesmacdonald7867
@milesmacdonald7867 3 жыл бұрын
Totally agree, this video is not too long at all. The 1hr 25min passed very quickly.
@andysmith9243
@andysmith9243 6 жыл бұрын
Thanks so much for all the help! I am currently in school for Computer Programming and this is allowing me to learn ahead of my professors. I am a visual learner and this has made the world of difference for me!
@AshishKumar-oo7ih
@AshishKumar-oo7ih 5 жыл бұрын
@AndrewSmith i know about a lot of free content on the web.If you need them do let me know
@zuriglr
@zuriglr 2 жыл бұрын
I really liked this video. One of the best tutorials I've seen so far. Long but worth it.
@calboone8106
@calboone8106 7 ай бұрын
I know this video is 6 years old but you did a great job on it. I dabbled a bit in html back in the free webpage days of Geocities, Angelfire, etc. trying to get back into it again and ran across this css video. Thanks a million for taking the time to do this.
@mohammedomer9997
@mohammedomer9997 4 жыл бұрын
Words cannot describe how grateful I am…
@Spid3rMonk3y
@Spid3rMonk3y 2 жыл бұрын
I just found you and this was my second video to go through. I've been trying to learn on my own through different websites that have lessons and challenges you go through to learn. I have found these two videos extremely helpful and I possibly learned more in the two videos I've watched so far than I can retain from all the lessons I've gone through. Now of course some of the info I've learned from the learning I've done before now has helped me understand what you are teaching but I'm more confident I can go through many more of your videos now and become a between developer/programmer than I was before now. I'm really enjoying your videos and how you explain things. Hopefully this can help me work towards changing my career to somehting more sustainable and more importantly enjoyable. Thank you for all of this content.
@angeloluna529
@angeloluna529 Жыл бұрын
this is the best video explanation of ccs3 i've seen, other videos start off easy for a few minutes then get right into the hard stuff immediately. i have to recommend this vid to my class
@jennrosas3166
@jennrosas3166 2 жыл бұрын
This is great! Thank you for being so thorough and I feel like I've actually learned something.
@vankachandu3906
@vankachandu3906 2 жыл бұрын
👍
@idlir
@idlir 4 жыл бұрын
Hey Brad, I’m a teacher by occupation, but recently decided to get serious about learning web dev. Your videos have been incredibly helpful and inspiring. You have a way about you, my friend. Very clearly passionate about helping people learn, and very comfortable in your expertise - good teacher stock. If I may offer a piece of advice/request: Watching the videos, there are spots where I find myself wondering about your reasons behind certain decisions when coding, or the thinking that goes into it. As a learner who is fairly comfortable with the syntax of HTML and CSS, I could benefit a lot more from you regularly stating explicitly your strategy, or reasons for the decisions you make. More high-level commentary, in addition to the regular discussion of the low-level coding minutiae. As an example that happened to be playing when I paused the video to write this, you showed how to reset the margins and padding for all elements, but then you commented that code out. Why wouldn’t you want that zeroed-out baseline with all elements when you start in on a page? Seems to me you eliminate a lot of potential confusion by doing this. Or is it the case that you do reset when developing, and you wanted to keep elements in default styling for the purposes of this video? Stuff like that. Know what I mean? I know you already do that in the course of demonstrating, but maybe just a friendly reminder to do even more of it. Or maybe you wanna do a video from this perspective. You know, code a site, but as you’re doing it, comment more on various high-level strategic or workflow or convention or best practices considerations and related advice you can offer based on your experience. As I’m writing, I’m realizing I’m kind of asking you to teach the kind of stuff you only get with expertise, but take what you will from this. Maybe it helps your thinking in future videos. Hope I’ve made myself clear. It’s late here. Anyway, love what you do. Best wishes, and keep ‘em coming.
@marlowemichaelson1366
@marlowemichaelson1366 3 жыл бұрын
Just discovered your tutorials in Nov of 2020...PLEASE DO NOT APOLOGIZE! You are by far one of the best instructors I have ever watched for Web Development. You explain things clearly and I barely notice when you linger on a subject. You are so damn good and knowledgeable. Thank you! from a #quaratinestudent
@atmanvisual190
@atmanvisual190 3 жыл бұрын
This makes for an awesome refresher/overview. Will probably come back to keep cementing this knowledge. Thank you!
@aladdinalswaifi9655
@aladdinalswaifi9655 2 жыл бұрын
Thank you so much. That is almost the best crash course I have ever seen along with the HTML one
@kazmiller6142
@kazmiller6142 6 жыл бұрын
This is a great series! Hoping for "JavaScript Crash Course For Absolute Beginners" next. Your videos are top-quality! There are a lot of unhelpful videos on KZbin -- glad I found your channel.
@creativelearning1252
@creativelearning1252 5 жыл бұрын
Come to my channel
@talhaaydn5573
@talhaaydn5573 6 жыл бұрын
You are amazing. I understood everything.
@rvtv8714
@rvtv8714 2 жыл бұрын
Even though it is more than an hour, but with your great explanation, it feels like it's a 10 minutes video.
@melindaschultz3717
@melindaschultz3717 3 жыл бұрын
This was super helpful and easy to follow--a great introduction for someone like me who has no experience with CSS. I learned a lot--thank you!
JavaScript Crash Course For Beginners
1:40:30
Traversy Media
Рет қаралды 3,8 МЛН
HTML Crash Course For Absolute Beginners
1:00:42
Traversy Media
Рет қаралды 7 МЛН
McDonald’s MCNUGGET PURSE?! #shorts
00:11
Lauren Godwin
Рет қаралды 21 МЛН
Суд над Бишимбаевым. 24 апреля | ОНЛАЙН
7:26:50
Kitten has a slime in her diaper?! 🙀 #cat #kitten #cute
00:28
ФОКУС С ЧИПСАМИ (секрет)
00:44
Masomka
Рет қаралды 3,7 МЛН
CSS Tips And Tricks I Wish I Knew Before
12:12
Lama Dev
Рет қаралды 384 М.
Flexbox CSS In 20 Minutes
19:59
Traversy Media
Рет қаралды 1,8 МЛН
Build An HTML5 Website With A Responsive Layout
1:01:15
Traversy Media
Рет қаралды 3,1 МЛН
Learn CSS in 20 Minutes
23:44
Web Dev Simplified
Рет қаралды 1,7 МЛН
Flexbox Crash Course 2024
46:54
Traversy Media
Рет қаралды 409 М.
Learn HTML5 and CSS3 For Beginners - Crash Course
3:54:03
developedbyed
Рет қаралды 2,3 МЛН
Are You Too Dumb To Code? A Chat About Imposter Syndrome
7:08
Traversy Media
Рет қаралды 60 М.
10 CSS Pro Tips - Code this, NOT that!
9:39
Fireship
Рет қаралды 2,1 МЛН
Stop Worrying About AI!
6:40
Traversy Media
Рет қаралды 46 М.
Learn CSS Position In 9 Minutes
9:26
Web Dev Simplified
Рет қаралды 1,9 МЛН
All New Atlas | Boston Dynamics
0:40
Boston Dynamics
Рет қаралды 5 МЛН
🤯Самая КРУТАЯ Функция #shorts
0:58
YOLODROID
Рет қаралды 1,7 МЛН
Я Создал Новый Айфон!
0:59
FLV
Рет қаралды 1,4 МЛН
Секретная функция ютуба 😱🐍 #shorts
0:14
Владислав Шудейко
Рет қаралды 2 МЛН