Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Tools and Techniques for Faster Development

49,167 views

Published on

We'll walk through the process of building an application and solving the typical problems you might encounter along the way. Find out what tools and techniques work best for each class of problem and learn some shortcuts and tips along the way. We'll mainly cover mobile web development, Chrome Canary, and OS X tools. Difficulty level: Beginner to Intermediate.

Published in: Technology

Tools and Techniques for Faster Development

  1. Tools and Techniquesfor Faster DevelopmentMajd Taby
  2. Facebook@jtaby – jtaby.com
  3. Overview
  4. Debugging techniquesOverview
  5. Debugging techniquesOverview Tooling and Workflow
  6. DebuggingTechniques
  7. DOMDebuggingTechniques
  8. DOMDebugging JavaScriptTechniques
  9. DOMDebugging JavaScriptTechniques Network
  10. DOMDebugging JavaScriptTechniques Network Performance
  11. Getting set up
  12. Disable cache
  13. Disable cacheDock to right
  14. Disable cacheDock to rightEmulate touch events
  15. Disable cacheDock to rightEmulate touch eventsOverride device metrics
  16. Disable cacheDock to rightEmulate touch eventsOverride device metricsKeyboard shortcuts
  17. Debugging the DOM
  18. DOM Inspector CSS Editor Element Properties
  19. DOMInspector
  20. DOM Re-arrange nodesInspector
  21. DOM Re-arrange nodesInspector Edit Attributes
  22. CSS Editor
  23. Double-click to editCSS Editor
  24. Double-click to editCSS Editor Color Picker
  25. Double-click to editCSS Editor Color Picker Pseudo Selectors
  26. ElementProperties
  27. Element MetricsProperties
  28. Element MetricsProperties Event Listeners
  29. Debugging JavaScript
  30. Debugging the network
  31. Waterfall
  32. Latency > Bandwidth
  33. Debugging performance
  34. The flicker fusion point, where theeyes see gray instead of flickeringtends to be around 60 FPS. – Some guy on Wikipedia
  35. DebuggingTechniques
  36. DOMDebuggingTechniques
  37. DOMDebugging JavaScriptTechniques
  38. DOMDebugging JavaScriptTechniques Network
  39. DOMDebugging JavaScriptTechniques Network Performance
  40. What about the MobileWeb?
  41. State of the Union –Desktop Edition
  42. State of the Union –Mobile Edition
  43. Mobile Web Debuggingsucks
  44. A Better Solution
  45. Remote InspectorChrome for Android
  46. Remote InspectoriOS 6
  47. Device RemoteInspectorby @subtleGradient
  48. Automatic Device Discovery
  49. Automatic Device DiscoveryLatest Chromium Dev Tools
  50. Automatic Device DiscoveryLatest Chromium Dev ToolsTab Support
  51. Automatic Device DiscoveryLatest Chromium Dev ToolsTab SupportOn-Device Development
  52. https://github.com/subtleGradient/DeviceRemoteInspector.app
  53. Tooling and Workflow
  54. Splits
  55. SplitsCMD-Click to Open
  56. SplitsCMD-Click to OpenBetter search
  57. alias gl="git log --graph --pretty=format:%Cred%h%Creset %C(cyan)%an%Creset - %C(yellow)%d%Creset %s %Cgreen(%cr)%Creset --abbrev-commit --date=relative"
  58. iTerm 2.0iterm2.com
  59. Line-by-line commit
  60. Line-by-line commitDiff context
  61. GitX (L)github.com/laullon/gitx
  62. Rulers
  63. RulersLoupe
  64. RulersLoupeMirror
  65. xScopeby Icon Factory – $29.99
  66. Parting Thoughts
  67. The worst kind of problem is the onewith an easy work-around
  68. XOXOXO 😍@jtaby

×