When I started learning and playing with CSS, I didn’t know how to use the browser inspector (I use Chrome). The first time someone showed me how to use the Inspector, I was hooked on “playing” with code and learning how css properties relate to each other.

In this talk, we’ll focus on debugging tools in the Inspector for non-developers. We’ll play with the Inspector to edit some CSS on “live” websites without actually editing the code. We’ll discuss ways to make the most of using the inspector to save time in development by visualizing changes on the front end before editing the code in the style sheet. This talk will also be helpful for designers who want to give developers specific edits, such as font size, padding and margins.

Presentation Slides »