Frontend + AI internals
Deep technical breakdowns for engineers who want the mechanics, tradeoffs, and weird browser or AI behavior beneath the abstraction.
Technical breakdowns
About the publication
The full essays live here first, with a durable archive and a newsletter for readers who want the next deep dive directly.
Weekly digest
Latest
New posts and selected archive entries from the canonical Under The Hood home.
Accessibility
Investigate browser behavior when multiple ARIA roles or properties conflict on a single element, how inheritance and overrides work, and debugging techniques to ensure correct semantics for assistive technologies.
Accessibility
Detail advanced keyboard navigation techniques for complex widgets, how to use browser and screen reader tools to debug keyboard focus order and event handling issues.
CSS
A technical walkthrough of the CSS container query spec implementation, how browsers detect container size changes, the rendering pipeline impact, and debugging container query issues in real-world apps.
React
Explain the internal mechanism of React portals, how they affect event propagation and focus management, and debugging tips for common issues with modals, overlays, and tooltips using portals.
React
Explore how React’s memoization hooks work internally, common pitfalls causing stale props or unnecessary renders, and debugging strategies to optimize component memoization.
Accessibility
Custom UI components can look great, but keyboard users often get lost because focus management and keyboard interactions are tricky. I share practical tips, pitfalls, and debugging tricks that helped me make keyboard navigation reliable and accessible.