Browser Rendering: From Text to Pictures
Browser rendering principles are explained using a construction site analogy, and everything from DOM/CSSOM creation to the difference between reflow/repaint is covered from a performance optimization perspective.