How to Teach CSS - Effective Strategies for Engaging Developers

Discover effective strategies for teaching CSS in this 47-minute conference talk by Josh Comeau at CSS Day 2024. Explore mental models and analogies that make CSS more accessible and enjoyable for front-end and full-stack developers. Learn how to explain key concepts like inline elements, inflow layout, flexbox, and positioned layout. Gain insights into fostering enthusiasm for CSS among JavaScript-focused peers and understand the importance of establishing a proper baseline. Delve into topics such as the CSS person, line wrapping, and various positioning techniques. Enhance your ability to communicate CSS principles and inspire others to embrace the art of styling web pages.

Intro
The Problem
The Mindset
Baseline
The CSS Person
Layout
Inline Elements
Inflow Layout
Inline vs Block
Line Wrapping
Flexbox
Positioned Layout
Relative Position
Absolute Position
Fixed Position
Position Relative
Why I Started
Questions