DevTools, the CSS advocate in your browser

A series of simplified examples to demonstrate specific modern CSS properties and how to understand them with DevTools, designed for Munich Frontend Conference presentation. Includes demo page with chat box implementation.

Transcript and notes of the talk here.
Presentation deployed on Heroku.

Also, the Chromium issue to add more Grid inspector features in DevTools.