Getting the Most out of Your Tools

Getting the Most out ofYour Tools

Krzysztof Szafranek@szafranek

Saturday, April 20, 13

Let's talk about hammers

Saturday, April 20, 13

2000

Saturday, April 20, 13

2000

Saturday, April 20, 13

Saturday, April 20, 13

2001

Saturday, April 20, 13

2001

Saturday, April 20, 13

Saturday, April 20, 13

Joe HewittSaturday, April 20, 13

A man who single-handedly did more for web developers than any other individual.

2006

Saturday, April 20, 13

2013

Saturday, April 20, 13

Saturday, April 20, 13

Style Editor

JS Debugger

JS Profiler

JS Console

DOM Inspector

Networking

Saturday, April 20, 13

CSS profiler

Responsive & 3D

Rendering tools

Scriptable cmd line

Memory profiler

Performance audit

Saturday, April 20, 13

Demo time!

Saturday, April 20, 13

creatio

n

Saturday, April 20, 13

Live editingScratchpadResponsive view

creatio

n

Saturday, April 20, 13

debugging

Saturday, April 20, 13

https://developers.google.com/chrome-developer-tools/docs/console-apihttp://www.html5rocks.com/en/tutorials/developertools/sourcemaps/

console.log()RepaintsSource maps

debugging

Saturday, April 20, 13

https://developers.google.com/chrome-developer-tools/docs/console-apihttp://www.html5rocks.com/en/tutorials/developertools/sourcemaps/

perform

ance

Saturday, April 20, 13

http://www.altdevblogaday.com/2012/08/21/using-chrometracing-to-view-your-inline-profiling-data/

Auditc.timeStamp(), c.profile()FPS counterCSS/memory/JS profilersabout:tracing

perform

ance

Saturday, April 20, 13

http://www.altdevblogaday.com/2012/08/21/using-chrometracing-to-view-your-inline-profiling-data/

Want more?

Saturday, April 20, 13

BonusLive editing from Sublime Text

Remote debugging in mobile Safari

Saturday, April 20, 13

http://sokolovstas.github.io/SublimeWebInspector/http://moduscreate.com/enable-remote-web-inspector-in-ios-6/

Paul Rouget

@paulrouget

paulrouget.com

Saturday, April 20, 13

Paul Irish

paulirish.com

@paul_irish

Saturday, April 20, 13

@addyosmani

Addy Osmani

addyosmani.com

Saturday, April 20, 13

Mastering the toolsis a key to craftsmanship@szafranek

Saturday, April 20, 13

FranksValli

Gene Hunt

williamcromar

Peter E. Lee

Birmingham Museum and Art Gallery

zzpza

aspherical element tudedude

Just Us 3 Robert S. Donovan

Ped-X-Ing Jez Page

Photo credits

Saturday, April 20, 13