Getting the Most our of your Tools_FrontEnd DevConf2013_Minsk
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Getting the Most our of your Tools_FrontEnd DevConf2013_Minsk

on

  • 738 views

 

Statistics

Views

Total Views
738
Views on SlideShare
738
Embed Views
0

Actions

Likes
0
Downloads
9
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Getting the Most our of your Tools_FrontEnd DevConf2013_Minsk Presentation Transcript

  • 1. Getting the Mostout ofYour ToolsKrzysztof Szafranek@szafranekSaturday, April 20, 13
  • 2. Lets talk abouthammersSaturday, April 20, 13
  • 3. 2000Saturday, April 20, 13
  • 4. 2000Saturday, April 20, 13
  • 5. Saturday, April 20, 13
  • 6. 2001Saturday, April 20, 13
  • 7. 2001Saturday, April 20, 13
  • 8. Saturday, April 20, 13
  • 9. Joe HewittSaturday, April 20, 13A man who single-handedly did more for web developers than any other individual.
  • 10. 2006Saturday, April 20, 13
  • 11. 2013Saturday, April 20, 13
  • 12. Saturday, April 20, 13
  • 13. Style EditorJS DebuggerJS ProfilerJS ConsoleDOM InspectorNetworkingSaturday, April 20, 13
  • 14. CSS profilerResponsive & 3DRendering toolsScriptable cmd lineMemory profilerPerformance auditSaturday, April 20, 13
  • 15. Demo time!Saturday, April 20, 13
  • 16. creationSaturday, April 20, 13
  • 17. Live editingScratchpadResponsive viewcreationSaturday, April 20, 13
  • 18. debuggingSaturday, April 20, 13https://developers.google.com/chrome-developer-tools/docs/console-apihttp://www.html5rocks.com/en/tutorials/developertools/sourcemaps/
  • 19. console.log()RepaintsSource mapsdebuggingSaturday, April 20, 13https://developers.google.com/chrome-developer-tools/docs/console-apihttp://www.html5rocks.com/en/tutorials/developertools/sourcemaps/
  • 20. performanceSaturday, April 20, 13http://www.altdevblogaday.com/2012/08/21/using-chrometracing-to-view-your-inline-profiling-data/
  • 21. Auditc.timeStamp(), c.profile()FPS counterCSS/memory/JS profilersabout:tracingperformanceSaturday, April 20, 13http://www.altdevblogaday.com/2012/08/21/using-chrometracing-to-view-your-inline-profiling-data/
  • 22. Want more?Saturday, April 20, 13
  • 23. BonusLive editing from Sublime TextRemote debugging in mobile SafariSaturday, April 20, 13http://sokolovstas.github.io/SublimeWebInspector/http://moduscreate.com/enable-remote-web-inspector-in-ios-6/
  • 24. Paul Rouget@paulrougetpaulrouget.comSaturday, April 20, 13
  • 25. Paul Irishpaulirish.com@paul_irishSaturday, April 20, 13
  • 26. @addyosmaniAddy Osmaniaddyosmani.comSaturday, April 20, 13
  • 27. Mastering the toolsis a key tocraftsmanship@szafranekSaturday, April 20, 13
  • 28. FranksValliGene HuntwilliamcromarPeter E. LeeBirmingham Museum and Art Galleryzzpzaaspherical element tudedudeJust Us 3 Robert S. DonovanPed-X-Ing Jez PagePhoto creditsSaturday, April 20, 13