SVG is an image format for vector graphics. It literally means Scalable Vector Graphics. Basically, what you work with in Adobe Illustrator. You can use SVG on the web pretty easily, but there is plenty you should know.

Flexbox is pretty awesome and is certainly part of the future of layout. The syntax has changed quite a bit over the past few years, hence the "Old" and "New"

"Compatibility tables for features in HTML5, CSS3, SVG and other upcoming web technologies."

How to make an background image scale without using a ton of JavaScript.

This may be worth looking into. I waffle on whether this sort of thing is ultimately a good decision — you're relying on someone else's framework, it takes a while to learn and master, and once you decide to go with it you're essentially stuck with it. But isn't that the case with any pseudo-framework developed for a website design? I should test this on a little project.

As seen on Normative.com.

"A tool for visual layout development of YAML based CSS layouts." YAML stands for Yet Another Multicolumn Layout.

Detailed to the point of being almost unreadable!

Ugly "Browse..." buttons be gone!

What works in which browsers.

Things always to remember when building a form.