Getting the Most out of Your Tools Krzysztof Szafranek @szafranek Saturday, April 20, 13
Getting the Most out of Your Tools
Oct 20, 2014
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.
The talk demonstrates newest and lesser known features of development tools built into Firefox and Chrome.
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
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
Related Documents
