Tutorials

Step-by-step guides with working code. Ship something by the end.

2026-05-09

CSS :has() Selector: Delete These 3 JavaScript Patterns in 2026

Three JavaScript patterns CSS :has() now handles natively in 2026 — toggle, form validation, card hover — with before/after code and one case where it loses.

2026-05-01

Testing AI-Generated Code: Three Patterns That Actually Catch Bugs

Three testing patterns that catch the bugs AI ships: hallucinated APIs, broken business rules, and UI that renders wrong. With code examples.

2026-04-25

CSS Nesting Tutorial: 3 Patterns, 2 Dealbreakers, 1 Migration Path

CSS nesting replaces Sass for 80% of use cases. 3 production patterns, 2 dealbreakers, and a migration checklist for dropping your preprocessor.

2026-04-23

CSS Anchor Positioning: Delete Your Tooltip Library in 3 Lines

CSS anchor positioning replaces Floating UI for tooltips and dropdowns with 3 CSS properties. Migration guide with real before/after code.

2026-04-19

CSS View Transitions API: 3 Production Patterns (And 2 to Skip)

Three CSS view transition patterns ship in production. Two don't. Real performance data, fallback strategies, and the line between demo and shipping code.

2026-04-16

Frontend Testing Strategy: 3 Tests You Need, 4 You Don't

3 frontend tests worth writing with Vitest and Playwright, 4 to delete. A practical decision framework, not another tool comparison.

2026-04-15

Server-Sent Events vs WebSockets: Why Half of You Picked Wrong

SSE or WebSocket? Three questions decide. A decision framework, side-by-side code, and the hybrid pattern — from a dev who shipped both.

2026-04-13

CSS Container Queries Tutorial: 3 Patterns That Beat Media Queries

3 patterns where CSS container queries beat media queries, a concrete migration path, and when media queries are still correct. Practical and opinionated.

2026-04-13

REST API Error Handling Best Practices: Your 500s Are a Lie

REST API error handling best practices: build structured errors with RFC 9457, implemented in Express and Go — plus client-side consumption code.

2026-04-05

AI Assisted Refactoring: Patterns That Won't Break Production

AI assisted refactoring that won't break production. Three named patterns, a preflight checklist, and the trust-but-verify mindset that keeps code safe.