In terms of "code with explanation" layout, I really like todos.js' approach: http://backbonejs.org/docs/todos.html
It also works with images: http://www.ifixit.com/Teardown/Mac+Pro+Late+2013+Teardown/20...
Most layouts nowadays fail to take advantage of the horizontal space available. It's just 2 colums in the end, but it goes a long way.