Guides

Practical front-end guides

These guides focus on the problems teams deal with every day, not theoretical perfection from conference slides.

Accessibility, performance, browser support, and legacy migration are where front-end architecture either becomes useful or becomes measurable in day-to-day delivery.

Guides

Accessibility and CSS

Focus states, reduced motion, logical properties, colour contrast, and accessible CSS architecture.

Performance and CSS

Bundle size, rendering cost, animation choices, selector depth, and long-term front-end performance.

Browser Support Strategy

Support matrices, browserslist, progressive enhancement, and feature-first browser decisions.

Migrating Legacy CSS

Gradual adoption, cascade layers, and legacy refactors without disruptive rewrites.

Start by role

Tech lead

Start with Browser Support Strategy, then align on performance and migration guardrails.

Product engineer

Start with Accessibility and CSS, then use performance guidance to keep components efficient.

Legacy owner

Start with Migrating Legacy CSS, then formalize support constraints with the browser strategy guide.