Articles for people who
ship the stack
Rewrites on React, Node.js, TypeScript and AI. A translated body is shown when it exists. If it does not, you see the English text and a note that says so.
Tagged: Browser Rendering
Skipping Offscreen Rendering With content-visibility and contain-intrinsic-size
Learn how content-visibility: auto cuts layout cost on long server-rendered pages, why contain-intrinsic-size is mandatory, and how it compares with virtualization.
12 min readThink in Invalidation: A Practical Model of How Browsers Render Pages
Learn to reason about browser rendering by asking what each change invalidates, from layout thrashing and paint cost to compositing, hydration and streaming.
11 min readFrom Stylesheet to Screen: Where CSS Fits in the Browser Pipeline
Follow CSS from download to pixels: how the DOM, CSSOM and render tree are built, where the cascade runs, and which style origins compete for each element.
8 min readFrom 66% to 185px: How Browsers Resolve CSS Values Before Layout
Follow a CSS value through the declared, cascaded, specified, computed, used and actual stages, and see why relative units and the rem-conversion trick behave as they do.
8 min readHow the Cascade Picks a Winner: Importance, Specificity and Source Order
See how browsers resolve competing CSS declarations, how to read specificity as a four-part comparison, and why hover rules and !important so often surprise you.
11 min readWhere CSS Values Come From When You Set None: How Inheritance Works
Learn how browsers decide whether a property inherits, why children receive the parent's computed value, and how inherit and initial give you explicit control.
10 min readReflow, Repaint, Composite: What Each CSS Change Costs the Browser
Follow HTML and CSS through DOM, CSSOM, layout, paint and compositing, and learn why width changes cost more than color changes and how to avoid layout thrashing.
16 min readLive DOM Collections, Layout Thrashing and the Attribute Gap Explained
The DOM is a live tree. Why JavaScript loops over live collections skip items, how reads and writes force layout thrashing, and when getAttribute is needed.
6 min readReact Rendering Explained: State Updates to Screen Pixels
How React's render, reconciliation and commit phases connect to browser rendering: layout, paint and composite, from a state update to actual screen pixels.
17 min read
About these articles
Request a 24h estimate
Need the same stack in a production operator layer? Send the brief — estimate within 24 hours.