Getting the most Out of Your Tools

298 views

Published on

by Krzysztof Szafranek on Frontend DEV Conf'13
http://bit.ly/Krzyszof_Szafranek

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
298
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Getting the most Out of Your Tools

  1. 1. Getting the Mostout ofYour ToolsKrzysztof Szafranek@szafranek
  2. 2. 2000
  3. 3. 2000
  4. 4. 2001
  5. 5. 2001
  6. 6. Joe HewittA man who single-handedly did more for web developers than any other individual.
  7. 7. 2006
  8. 8. 2013
  9. 9. Style EditorJS DebuggerJS ProfilerJS ConsoleDOM InspectorNetworking
  10. 10. CSS profilerResponsive & 3DRendering toolsScriptable cmd lineMemory profilerPerformance audit
  11. 11. Firebug
  12. 12. Console API
  13. 13. debugger
  14. 14. Style tracing
  15. 15. CSS editing
  16. 16. Back/ForwardCache
  17. 17. Firefox dev tools
  18. 18. Firefox Nightly
  19. 19. The old new tools
  20. 20. 3D view
  21. 21. Responsive view
  22. 22. Repainting
  23. 23. Font explorer
  24. 24. Command line
  25. 25. screenshot ~/Downloads/screen.png --fullpage
  26. 26. jsb http://www.google-analytics.com/ga.jsPretty print + editing!Note: To add a variable in the current window, remember to prefix it, e.g.:window.myCustomFunction
  27. 27. Editor integrationhttp://paulrouget.com/e/devtoolsnext/
  28. 28. Web Inspector
  29. 29. Chrome Canary
  30. 30. Editor integrationhttp://sokolovstas.github.io/SublimeWebInspector/
  31. 31. Pretty print
  32. 32. Pretty print
  33. 33. Live editing
  34. 34. Memory profiling
  35. 35. Audits
  36. 36. Remote debugger
  37. 37. FPS counterabout:flagsFor hardware accelerated elements (WebGL, CSS transforms)
  38. 38. about:tracinghtml5rocks.com/en/tutorials/games/abouttracing
  39. 39. Want more?
  40. 40. Jan Odvarko@janodvarkosoftwareishard.com
  41. 41. Paul Rouget@paulrougetpaulrouget.com
  42. 42. Paul Irishpaulirish.com@paul_irish
  43. 43. @addyosmaniAddy Osmaniaddyosmani.com
  44. 44. Thank You!@szafranek
  45. 45. Photo credits:FranksValliGene Huntwilliamcromar

×