While it's fun to see a car designed entirely with CSS from a single div, the day-to-day reality for a typical CSS designer is far less glamorous. Often, you'll lose hours upon hours due to some confusing CSS quirk that seemingly makes no sense. In this series, we'll dig our heals into the dirt and, together, decipher a variety of CSS oddities.
I know too many backend developers who are stifled by one glaring phobia: CSS. How do you construct a layout when nothing lines up? Every browser renders your code differently. Floats constantly break. Nothing works! If you agree, your thinking might be a bit out of date. You'll be happy to hear that the ecosystem is vastly better than fifteen years ago. This series is specifically for backend developers who understand the basics, but need a fast primer on modern CSS that they'll actually use in their day-to-day workflow.
The new CSS Grid spec offers unprecedented control when it comes to constructing layouts and components. In fact, this level of power and flexibility has never been available before now. That being said, there's a slight learning curve. Come along, as I teach you everything you need to know in bite-sized episodes. You'll be constructing your own custom grids in no time.
Flexbox is easily one of the most important additions to CSS in the last decade. The only problem is that there's a bit of a learning curve. Trust me, though: you want to learn this. And once you have, you'll be singing its praises to anyone who will listen. I guarantee it.
The way we construct and think of CSS has changed drastically in the last ten years. In this series, we'll review key tools in every modern frontender's belt. This includes everything from the popular BEM methodology, to the wonders of flexbox, to bullet-proof grid frameworks.