Essential part of any craft is mastering the tools. Programming is no different. The talk demonstrates newest and lesser known features of development tools built into Firefox and Chrome.

1. Getting the Most
out of
Your Tools
Krzysztof Szafranek
@szafranek
Saturday, April 20, 13

2. Let's talk about
hammers
Saturday, April 20, 13

3. 2000
Saturday, April 20, 13

4. 2000
Saturday, April 20, 13

5. Saturday, April 20, 13

6. 2001
Saturday, April 20, 13

7. 2001
Saturday, April 20, 13

8. Saturday, April 20, 13

9. Joe Hewitt
Saturday, April 20, 13
A man who single-handedly did more for web developers than any other individual.

10. 2006
Saturday, April 20, 13

11. 2013
Saturday, April 20, 13

12. Saturday, April 20, 13

13. Style Editor
JS Debugger
JS Profiler
JS Console
DOM Inspector
Networking
Saturday, April 20, 13

14. CSS profiler
Responsive & 3D
Rendering tools
Scriptable cmd line
Memory profiler
Performance audit
Saturday, April 20, 13

15. Demo time!
Saturday, April 20, 13

16. creation
Saturday, April 20, 13

17. Live editing
Scratchpad
Responsive view
creation
Saturday, April 20, 13

18. debugging
Saturday, April 20, 13
https://developers.google.com/chrome-developer-tools/docs/console-api
http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/

19. console.log()
Repaints
Source maps
debugging
Saturday, April 20, 13
https://developers.google.com/chrome-developer-tools/docs/console-api
http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/

20. perform
ance
Saturday, April 20, 13
http://www.altdevblogaday.com/2012/08/21/using-chrometracing-to-view-your-inline-
profiling-data/

21. Audit
c.timeStamp(), c.profile()
FPS counter
CSS/memory/JS profilers
about:tracing
perform
ance
Saturday, April 20, 13
http://www.altdevblogaday.com/2012/08/21/using-chrometracing-to-view-your-inline-
profiling-data/

22. Want more?
Saturday, April 20, 13

23. Bonus
Live 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/

24. Paul Rouget
@paulrouget
paulrouget.com
Saturday, April 20, 13

25. Paul Irish
paulirish.com
@paul_irish
Saturday, April 20, 13

26. @addyosmani
Addy Osmani
addyosmani.com
Saturday, April 20, 13

27. Mastering the tools
is a key to
craftsmanship
@szafranek
Saturday, April 20, 13

28. 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