CSS materials
Free
Paid
Additional content
Tips compilations
- Fireship - 10 CSS Pro Tips - Code this, NOT that!
- Fireship - 3 More Life-Changing CSS Tips
- Defensive CSS - practical tips that helps in building “bullet-proof” UI interfaces
- CSS Reference - visual guide for the most popular properties
- CSS Tricks - My Dumbest CSS Mistakes
- Josh W. Comeau - Secret Mechanisms of CSS [learn the “hidden” fundamentals that nobody told you about.]
Takeaways from CSS for JavaScript Developers:
Flex Basis / Flex Grow / Flex Shrink
Flex Shorthand
Responsive
Other
- Josh W. Comeau - The Surprising Truth About Pixels and Accessibility
- Kevin Powell - The console.log() of CSS
- Josh W. Comeau - What The Heck, z-index?? [how to manage the positioning of elements]
- Josh W. Comeau - You Don’t Need A UI Framework (how to build ui without using the third-party component library?)
- Theo - ping.gg - Tailwind isn’t Bootstrap (a short video showing differences between CSS solutions)