Intro to CSS
This video covers everything you need to know to get up and running with CSS in only 20 minutes. It covers CSS syntax, how to add CSS to your HTML, CSS colors, CSS units, the box model, and best practices for CSS walking through a full example of CSS being used to style an HTML page.
By the end of this video you will know enough about CSS to style any basic web pages in your own projects!
Flexbox is a flexible way to layout items as rows or columns. This video will help you learn the most important concepts of layout with CSS Flexbox.
This video will help you learn the basics of CSS Grid.
Grid is a powerful tool that can build layouts in the context of columns and rows. It can dramatically simplify CSS layout code for responsive designs.
In modern CSS, you can create CSS variables which contain values that can be reused throughout your stylesheets!
Animation is the change from one CSS style to another over the dimension of time. This video will help you learn the basics of CSS transitions and keyframe animations.
You can use Pseudo-classes to style an element based on a change to its state. This video will help you learn how to use CSS pseudo-classes to style an element based on changes to its state. like :hover, :focus, and :nth-child.
This video wil help you learn how to use CSS pseudo-elements to style content that does not actually exist in your HTML, like ::before and ::after.
Tailwind is a utility-first CSS framework for building websites. It takes a functional approach to web design by providing thousands of tiny classes to use directly in your HTML.
SASS, sometimes referred to as SCSS, stands for syntactically awesome stylesheets.
This video will help you learn the basics of SASS, the most mature, stable, and powerful professional-grade CSS extension language in the world.