Thanks Free Code Camp for featuring my video on CSS. If anyone has any questions about anything covered in this video please let me know, and I will get back to you as soon as I can. Again, thank you Free Code Camp.
Hey , how you doing? First of all excellent video and explanation. Could you help me with something? I really wish be able to create videos like that. What kind of course/knowlegde should I do? I have some ideas and I really want to do something like this. =D Thank you so much
I am doing good. Thank you for the kind words. In order to create this video and my other videos like this I use After Effects combined with Davinci Resolve. As for learning the skills needed for these videos I watched a few RUclips tutorials on After Effects to get an idea of how to do general things, and then just jumped into After Effects learning as I went. I never actually took any courses so I don't have any recommendations in that regard, but if you just look for a general tutorial on After Effects you should be able to get the basics down well enough to start making your own videos. It really just takes a lot of patience and time to learn and get better at editing videos. I know for me I have been able to cut the time it takes for me to edit a video down from multiple days to only a few hours by just constantly practicing. Hopefully that is enough information to answer your question. Sorry I can't be of more help. PS: I use OBS for recording my screen.
I actually already have a series that goes over positioning and a little responsive design for a band website. You can checkout the videos for that series here. ruclips.net/video/Sv_NAxi_jNs/видео.html
Here are some other great CSS resources: CSS3 in 30 Days: ruclips.net/p/PLWKjhJtqVAbl1AfjiGyYxwpdAPi5v-1OU Interactive CSS challenges: learn.freecodecamp.org/responsive-web-design/basic-css
took HTML and CSS in high school and college almost 10 years ago, your videos are very helpful with refreshing my memories and helping me get back into what I enjoy doing without retaking class courses haha!
I'm glad you enjoyed it! CSS is pretty easy to forget about with all the exciting things you can do with JavaScript. That is until you realize your awesome interactive web page looks like it was built in the 90s. :P
im taking classes on udemy for front end development right now and these videos are fantastic to watch before i go into an analogous course so i have an idea of what's going on. Thank you!!
Learning CSS for personal interest and most likely using it to develop a website from scratch. It provides more flexibility than using those web builders that u need to pay in order to remove the watermark from your web link
Thanks for this great video! I decided to broaden my horizons by adding knowledge required for Full Stack positions to my memory, this is why I watched your video.
Thanks! I'm really glad you enjoyed the fact that I made the video shorter since that was one of my main goals with this video. I wanted to make it easy to digest and come back to.
@@WebDevSimplified short videos that deal with just one or a few aspects of CSS would be great. That way you can label them "CSS: how to style every odd element" rather than "learn CSS". Something distinguishing and specific for searches.
@@taariqq I actually have a series on my channel very similar to this idea where I walkthrough how to style specific things in CSS. Usually each video also focuses on a specific CSS concept. You can check them out here. CSS Challenges: ruclips.net/p/PLZlA0Gpn_vH8mpXIUHjWoMAAgoCEinL0R
IDs are used when you want to test your software with say Selenium or alike or when you want to structure your page. Of course you can use other selectors using XPath but ID just identify an element simply. You forgot the > selector which means direct child selector div > p selects p elements into a div which are directly descending ... for instance is not selected. There are others but I think this one could have been told about. There is certainly more to tell but in 20mn it is a fair amount of data. For the rest there are references. W3school being a good one.
In general using the everything selector is not a good idea, because it messes with inheritance and is a pain if you need to override it in certain elements. For things such as font-family using root or html is a good idea since font-family is inherited by default. Properties such as box-sizing, though, are not inherited by default, and when you want all elements on your page to have a specific box-sizing the everything selector is the only way to accomplish this.
What would you want to see in a part 2? I have a series that I consider a good followup for this video where I style an entire band website. It uses all of the knowledge from this video to create a modern looking website. You can find the series here. ruclips.net/video/Sv_NAxi_jNs/видео.html
Styling an element in CSS will only change the presentation of the element. If you want to add functionality to an element on your page you need to use JavaScript. The addEventListener function will allow you to add an event to listen to a click event on a button. For example in JavaScript you could write element.addEventListener('click', function() { alert('clicked button') }) If you are still confused about the use cases of CSS and JavaScript, check out this video where I go over how the different technologies in the web work. ruclips.net/video/88QJumITbQA/видео.html
I take that as a huge compliment being compared to Brad Traversy. He is an amazing teacher and has helped and inspired so many people. He is one of the reasons I decided to pursue my passion of teaching, and I am loving every second of it.
Brad Traversy is awesome! You should definitely watch his videos in addition to ours. You are right that he also has a great CSS Crash Course. I encourage everyone to watch it to get another perspective. ruclips.net/video/yfoY53QXEnI/видео.html
Thanks Free Code Camp for featuring my video on CSS. If anyone has any questions about anything covered in this video please let me know, and I will get back to you as soon as I can.
Again, thank you Free Code Camp.
Hey , how you doing?
First of all excellent video and explanation.
Could you help me with something? I really wish be able to create videos like that. What kind of course/knowlegde should I do?
I have some ideas and I really want to do something like this. =D
Thank you so much
I am doing good. Thank you for the kind words. In order to create this video and my other videos like this I use After Effects combined with Davinci Resolve.
As for learning the skills needed for these videos I watched a few RUclips tutorials on After Effects to get an idea of how to do general things, and then just jumped into After Effects learning as I went. I never actually took any courses so I don't have any recommendations in that regard, but if you just look for a general tutorial on After Effects you should be able to get the basics down well enough to start making your own videos.
It really just takes a lot of patience and time to learn and get better at editing videos. I know for me I have been able to cut the time it takes for me to edit a video down from multiple days to only a few hours by just constantly practicing.
Hopefully that is enough information to answer your question. Sorry I can't be of more help.
PS: I use OBS for recording my screen.
Thanks for the video. It is very good. Are you planning to cover responsive design and positioning in future videos?
I actually already have a series that goes over positioning and a little responsive design for a band website. You can checkout the videos for that series here. ruclips.net/video/Sv_NAxi_jNs/видео.html
@@raulmelo7021 LM mm.
..llppm
Here are some other great CSS resources:
CSS3 in 30 Days: ruclips.net/p/PLWKjhJtqVAbl1AfjiGyYxwpdAPi5v-1OU
Interactive CSS challenges: learn.freecodecamp.org/responsive-web-design/basic-css
took HTML and CSS in high school and college almost 10 years ago, your videos are very helpful with refreshing my memories and helping me get back into what I enjoy doing without retaking class courses haha!
I have spent a few months to learn Javascript, I totally forgot my CSS, this video is perfect to refresh my knowledge!
I'm glad you enjoyed it! CSS is pretty easy to forget about with all the exciting things you can do with JavaScript. That is until you realize your awesome interactive web page looks like it was built in the 90s. :P
Same problem me too
same ...
Same problem!
im taking classes on udemy for front end development right now and these videos are fantastic to watch before i go into an analogous course so i have an idea of what's going on. Thank you!!
Short, but concise and on point. Well done.
Thank you! I am glad you enjoyed the video.
Life saver. This is such a good refresher
Learning CSS for personal interest and most likely using it to develop a website from scratch. It provides more flexibility than using those web builders that u need to pay in order to remove the watermark from your web link
Was a interesting. Thank for this course! I have already studied CSS, but now I need this knowledge to develop HTML5 games.
Thanks for this great video! I decided to broaden my horizons by adding knowledge required for Full Stack positions to my memory, this is why I watched your video.
Helped me getting started with css thanks
Nice little presentation that one can keep for reference for css basics
Thanks! I'm really glad you enjoyed the fact that I made the video shorter since that was one of my main goals with this video. I wanted to make it easy to digest and come back to.
@@WebDevSimplified short videos that deal with just one or a few aspects of CSS would be great. That way you can label them "CSS: how to style every odd element" rather than "learn CSS". Something distinguishing and specific for searches.
@@taariqq I actually have a series on my channel very similar to this idea where I walkthrough how to style specific things in CSS. Usually each video also focuses on a specific CSS concept. You can check them out here. CSS Challenges: ruclips.net/p/PLZlA0Gpn_vH8mpXIUHjWoMAAgoCEinL0R
IDs are used when you want to test your software with say Selenium or alike or when you want to structure your page. Of course you can use other selectors using XPath but ID just identify an element simply.
You forgot the > selector which means direct child selector div > p selects p elements into a div which are directly descending ... for instance is not selected. There are others but I think this one could have been told about.
There is certainly more to tell but in 20mn it is a fair amount of data. For the rest there are references. W3school being a good one.
univarsal selector is more prioritize over id, class,element ?
Awesome tutorial ❤️. It is helping me so much. Thank you👍
thanks for sharing i was told that using * {property: value;} is bad practice and that to use either html or root
In general using the everything selector is not a good idea, because it messes with inheritance and is a pain if you need to override it in certain elements. For things such as font-family using root or html is a good idea since font-family is inherited by default.
Properties such as box-sizing, though, are not inherited by default, and when you want all elements on your page to have a specific box-sizing the everything selector is the only way to accomplish this.
Helpful, thanks!
Amazing, Stay Blessed.
Hello sir... Which editor r u using...??
Love this class ❤️
Thank you! I'm glad you enjoyed the video. 😄
This will be enough to go directly to learn bootstrap?
Damn, I read a whole book on css. I regret not going on youtube for this video haha. Great content and explanation!
I always check RUclips>Google>Reddit in that order whenever I want to learn something. If all those fail, then I buy a book.
Amazing . Thanks alot
thank you....make part 2
What would you want to see in a part 2? I have a series that I consider a good followup for this video where I style an entire band website. It uses all of the knowledge from this video to create a modern looking website. You can find the series here. ruclips.net/video/Sv_NAxi_jNs/видео.html
Thanks bro, explained well
Thanks a lot
Thank u for this awesome video
You are very welcome. I am glad you enjoy it.
loving channel
Thaank you
Thanks
thank you for this, was very helpful
can you guys centre a div right now?
Don’t know what I am doing wrong following through it and my heading doesn’t change colors don’t know where I am going wrong
Fixed it had two closing tabs smh lol first day on css
Bro how you did the animation at start of video?
position:sticky not working in nested table with overflow: scroll
Please give css3 full course
👍
haha jokes on you i already subsccribed
I want to make a website, why I want to.
when using css to make buttons how do I make it run a function when pressed? it never works for me!?!?
Styling an element in CSS will only change the presentation of the element. If you want to add functionality to an element on your page you need to use JavaScript. The addEventListener function will allow you to add an event to listen to a click event on a button. For example in JavaScript you could write
element.addEventListener('click', function() { alert('clicked button') })
If you are still confused about the use cases of CSS and JavaScript, check out this video where I go over how the different technologies in the web work. ruclips.net/video/88QJumITbQA/видео.html
Nie thanks, will you do a tut vid on this?
I will. I am actually recording a video on this exact topic today, but it won't be released until next Thursday.
4:49
No offense but that first 9 mins was boring. I think it would be more educational to do the second part (coding) then do the first 9 mins.
Traversy Knockoff
I take that as a huge compliment being compared to Brad Traversy. He is an amazing teacher and has helped and inspired so many people. He is one of the reasons I decided to pursue my passion of teaching, and I am loving every second of it.
Brad Traversy is awesome! You should definitely watch his videos in addition to ours. You are right that he also has a great CSS Crash Course. I encourage everyone to watch it to get another perspective. ruclips.net/video/yfoY53QXEnI/видео.html