In many cases, we treat web browsers as a black box. But as we gain a better understanding of how they work, we not only recognize where to make smart optimizations but also we push them farther.
The links below capture most of the resources that explain the innerworkings of web browsers.
<img src="http://beta.url2png.com/v6/P4EA9CF92E4F9C/daf350053347a0388a6f4d72ae3277d4/png/?url=http%3A%2F%2Fwww.html5rocks.com%2Fen%2Ftutorials%2Finternals%2Fhowbrowserswork%2F&viewport=1024x746&format=png&thumbnail_max_width=440" class=big>
<ul id="da-thumbs" class="da-thumbs" >
How Browsers Work: Behind the scenes of modern web browsers, by Tali Garsiel
How Browsers Work – Architecture, by Vineet Gupta
From Console to Chrome, by Lilli Thompson
<img src="http://beta.url2png.com/v6/P4EA9CF92E4F9C/d685e329b34e2899e78ff5b6de339604/png/?url=http%3A%2F%2Fdbaron.org%2Ftalks%2F2012-03-11-sxsw%2Fmaster.xhtml&viewport=1024x746&format=png&thumbnail_max_width=440" class=big>
Fast CSS: How Browsers Lay Out Web Pages, by David Baron
What Browsers Really Think of your App, by Alex Russell
Faster HTML and CSS: Layout Engine Internals for Web Developers, by David Baron
CSS Selectors parsed right to left. Why?, by Boris Zbarsky
WebCore Rendering I – The Basics
<img src="http://beta.url2png.com/v6/P4EA9CF92E4F9C/475edf4e5e381e40bdb5ba346357739a/png/?url=http%3A%2F%2Fvimeo.com%2F32364192&viewport=1024x746&format=png&thumbnail_max_width=440" class=big>
Life Of A Button Element, by Alex Russell
DOM, HTML5, & CSS3 Performance, by Paul Irish
How A Web Page Loads, by Tony Gentilcore
The Fundamentals, Primitives and History of HTML5, by Paul Irish
Thanks Codrops for the fanciness. Thank you Anthony Ricaud for the resources.
If you know of other browser internals posts to capture, link them in the comments!