The document discusses the five stages of grief (denial, anger, bargaining, depression, acceptance) according to the Kübler-Ross model. It relates these stages to the development of Firefox Developer Tools. It describes how Mozilla went through stages of denial, anger, and bargaining about the tools before reaching a stage of acceptance with a twist - deciding to improve the tools by soliciting feedback and implementing new features. This process led to increased usage of Firefox Developer Tools. The document advocates debugging apps across desktop, Android, and iOS using one tool - the Firefox Tools Adapter.

1. The Five Stages of Development @robertnyman

7. Kübler-Ross model
!
Five stages of grief

8. 1. Denial
2. Anger
3. Bargaining
4. Depression
5. Acceptance

9. Five stages of grief
=
Five stages of development

10. 1. Denial

13. 2. Anger

14. "Why me? It's not fair!”
!
"How can this happen to me?”
!
"Who is to blame?"

17. 3. Bargaining

18. "I'll do anything for a few more years.”
!
"I will give my life savings if…"

21. 4. Depression

22. "I'm so sad, why bother with anything?"

24. 5. Acceptance

26. "It's going to be okay.”
!
"I can't fight it, I may as well prepare for it."

29. Acceptance
But with a twist

30. Firefox Developer Tools

31. 1. Denial

32. “Of course everyone knows about
the Developer Tools in Firefox”

34. 2. Anger

35. “What do mean ‘you have native tools?’?!”
!
“Firebug?”

36. 3. Bargaining

37. “Make it like Firebug”
!
“Chrome feature parity”
!
“Keyboard shortcuts”

39. 4. Depression

41. “No one notices all the great work
& new features”
!
“People believe Chrome is always
having more, in any field”

43. 5. Acceptance
- with a twist

44. “Ok, developers think Chrome is better”
!
“Our tools need more work”

45. “How can we accept the landscape and
challenges, and make it better?”

46. Blogging
!
Developer feedback
!
Features

47. Mozilla Hacks blog

49. Feedback channels

50. http://mzl.la/devtools

51. http://mzl.la/devtools

52. http://mzl.la/devtools

53. http://mzl.la/devtools

54. http://mzl.la/devtools

55. http://mzl.la/devtools

56. http://mzl.la/devtools

57. Mozilla Hacks blog + feedback channels

58. 6 weeks later,
first features shipped!

59. 277 ideas
3165 votes
166 comments

60. Features

61. Web Audio Editor

62. Event listeners popup

63. jQuery event binding

64. CSS transform highlighter

65. Cubic bezier editor

66. Settings => keybindings

67. Vim, Sublime, Emacs keybindings

68. Selector preview

69. No of web developers that use
Firefox Developer Tools
as their primary toolset:
!
6% increase!

70. One more thing…

71. Firefox Tools Adapter

72. Debug your app across desktop,
Android and iOS with one tool!

73. Debug your app across desktop,
Android and iOS with one tool!

74. Debug your app across desktop,
Android and iOS with one tool!

75. Firefox, Chrome and Safari

77. Robert Nyman
robertnyman.com
robert@mozilla.com
Mozilla
@robertnyman