• Frank Jamison dressed as a fantasy scholar wearing a hooded cloak and leather armor while studying a glowing book titled The CSS Codex, with floating CSS code visible behind him in a medieval stone chamber.
    CSS Architecture

    The CSS Codex, Part V: Three Layout Tactics for One Battlefield

    When I first began building layouts with CSS, I believed the problem was complexity. Pages broke. Columns collapsed. Elements wandered across the screen like drunken adventurers leaving a tavern at midnight. My assumption was that layout required more tricks, more hacks, or more cleverness. That assumption was wrong. Layout problems in CSS rarely come from a lack of cleverness. They come from a lack of strategy. In the world of tabletop adventure, a battlefield is rarely conquered through a single tactic. A warrior advances differently than a ranger. A wizard approaches the same terrain with an entirely different plan. The same ground may be crossed in several ways, but the…

  • Frank Jamison sits at a wooden desk in a medieval study dressed as a fantasy adventurer, wearing a green tunic and leather cloak while reading from an open book surrounded by candles, dice, and shelves of old volumes, evoking the feeling of a scholar studying arcane knowledge.
    CSS Architecture

    The CSS Codex, Part IV: The Default Terrain of Normal Flow

    When I first began learning CSS layout, I believed positioning elements was something I had to actively command. I imagined that every element needed to be pushed into place like pieces on a tactical map. If a heading appeared slightly off, I tried another property. If a paragraph drifted out of alignment, I forced it back with margins or positioning. Eventually I discovered that the browser already has a plan. Before any layout system is invoked, before Flexbox or Grid enter the story, every web page follows a quiet and predictable rule system called normal flow. Normal flow is the browser default layout behavior. It is the terrain upon which…

  • Frank Jamison dressed as a scholarly wizard sits at a wooden desk surrounded by books and candlelight, studying an open spellbook in a medieval style library, representing the exploration of CSS rules and structure in The CSS Codex series.
    CSS Architecture

    The First Lessons of the Codex

    The first week of The CSS Codex was about laws. Not suggestions. Not habits. Not tricks passed from developer to developer in dimly lit forums at two in the morning. Laws. CSS is often described as simple, yet many developers experience it as unpredictable. A rule is written. The browser refreshes. The result is something completely different from what was expected. A color refuses to change. A margin disappears. A layout bends in ways that seem impossible to explain. In those moments CSS can feel like wild magic. But wild magic is simply what structured systems look like before their rules are understood. Week 1 focused on revealing those rules.…