Frontend
Rendering models, layout systems, and the browser mechanics behind fast, accessible user interfaces. Ordered from foundational to advanced, 8 docs in this category.
Docs in Frontend
CSS Box Model & Stacking Context
Why box-sizing changes what "width" actually measures, and why a z-index of 9999 can still render below an element with z-index 5 once stacking contexts are involved.
CSS Grid vs Flexbox
When to reach for CSS Grid versus Flexbox, the one-dimensional vs two-dimensional distinction, with syntax and layout examples for each.
Web Accessibility Fundamentals
Why the W3C's own first rule of ARIA is to avoid ARIA whenever a native HTML element already does the job, and what WCAG's 4.5:1 versus 3:1 contrast ratios actually apply to.
Browser Rendering Pipeline
Why animating transform and opacity can skip layout and paint entirely while animating width or top can't, and how alternating writes and reads to layout properties in a loop forces the browser to recalculate layout over and over.
React Hooks Deep Dive
How useState, useEffect, useMemo, and useCallback actually work under the hood, plus the dependency-array and stale-closure pitfalls that trip up most React code.
The JavaScript Event Loop
Why every queued microtask runs before the next macrotask, ever, and how that one ordering rule explains why a Promise callback always logs before a setTimeout(fn, 0), no matter how it looks in the source.
Web Performance & Core Web Vitals
What LCP, INP, and CLS each actually measure, why "good" is defined at the 75th percentile of real page loads rather than the average, and why a fast average can still hide a genuinely bad user experience.
React Rendering & Reconciliation
Why React associates a component's state with its position in the tree, not the component instance, and why using an array index as a list key silently attaches the wrong state to the wrong item once the list reorders.