A record of lectures, panels, and workshops on website layout principles — what was covered, what the audience asked, and what changed in the discussion afterward.
Each entry covers one event — the context, the material presented, and any follow-up worth noting.
A cautionary story about startup investing mistakes beginners make, and what market analysis of shares and bonds actually requires before you commit a single dollar.
Behind every website that feels easy to use is a deliberate ordering of visual weight. Here is how that works in plain terms.
The decisions made inside a navigation bar reveal a lot about who a website was actually built for.
Behind the scenes of responsive layouts, there are decisions that work beautifully on phones and fall apart on the devices older adults actually use.
Website layout is one of those subjects that sounds straightforward until you sit down to teach it. Decisions about grid systems, spacing hierarchies, and responsive breakpoints carry assumptions that are rarely made explicit — and those assumptions are where most learners get stuck.
These speaking engagements were designed around that gap. Rather than walking through another slide deck of best practices, each session started from a real layout problem: a page that looked off, a component that broke at 768px, a navigation pattern that confused users. The goal was to trace the reasoning, not just show the solution.
The articles collected here document what was said, what questions came up, and where the discussion went. They are not transcripts — they are edited accounts that try to preserve the thinking behind the material.
Certain questions kept surfacing across different events. These are the layout topics that generated the most discussion.
Most layout talks treat grids as the answer. These sessions treated them as a starting point — examining where a fixed 12-column grid creates more constraints than it solves, and what alternatives exist for content that does not fit neatly into equal columns.
The discussion usually moved into irregular grid patterns, content-driven column widths, and the specific case of editorial layouts where hierarchy matters more than alignment.
How margin and padding carry meaning — and what happens when spacing is applied without a system.
Why breakpoints based on device sizes tend to fail, and how content-driven breakpoints work differently.
Line length, line height, and how type choices affect the perceived structure of a page.
Where a component ends and a layout pattern begins — a distinction that matters for maintainable CSS.
If there is a layout question your team keeps running into, or an event where this material might be useful, the form is the right place to start. Responses usually come within a few working days.
