Optimise your web development workflow 2016

Chrome DevTools

Optimise your Web Development Workflow

Originally given at ffconf 2016, watch the talk here

Umar Hansa / @umaar

a:hover {
	color: blue;
}

<div class="container">
	<p>Text</p>
</div>

<style>
.container {
	background: palegoldenrod;
}

p {
	color: gold;
}
</style>

const variable1 = 1;
const variable2 = 2;

// Logging an object, containing a function
// But what variables does myFunction have access to?

console.log({
    myFunction() {

    }
});

1/177

Chrome DevTools Optimise your Web Development Workflow Originally given at ffconf 2016, watch the talk here Umar Hansa / @umaar