Chrome Dev Tools

Inspect element

Inspect CSS

Link to sources

Colours

Forcing pseudo classes

Box model

Using the REPL

Editing CSS files

Saving Edits

Viewing Javascript Files

Debugging Javascript

Break points

Exceptions

Minified code

Paused state

The columns

Inspecting resources

Disable cache

PageSpeed

Frames panel

Why is FPS important?

Frames panel

Interpreting the histogram

Memory panel

What are memory leaks?

Memory panel

Interpreting the graph

CPU profiling

Memory profiling