This document discusses the five stages of development as they relate to the development of Firefox Developer Tools: denial, anger, bargaining, depression, and acceptance. It describes how the developer tools team went through these stages before deciding to accept the situation and make improvements. They did this by blogging, gathering community feedback, and shipping new features. This led to a 6% increase in the number of developers using Firefox Developer Tools as their primary toolset.

1. The Five Stages of Development @robertnyman

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

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

8. Five stages of grief
=
Five stages of development

9. 1. Denial

12. 2. Anger

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

16. 3. Bargaining

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

20. 4. Depression

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

23. 5. Acceptance

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

28. Acceptance
But with a twist

29. Firefox Developer Tools

30. 1. Denial

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

32. 2. Anger

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

34. 3. Bargaining

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

36. 4. Depression

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

38. 5. Acceptance
- with a twist

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

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

41. Blogging
!
Developer feedback
!
Features

42. Mozilla Hacks blog

44. Feedback channels

45. http://mzl.la/devtools

46. http://mzl.la/devtools

47. http://mzl.la/devtools

48. http://mzl.la/devtools

49. http://mzl.la/devtools

50. http://mzl.la/devtools

51. Mozilla Hacks blog + feedback channels

52. 6 weeks later,
first features shipped!

53. 260 ideas
2945 votes
157 comments

54. Features

55. Web Audio Editor

56. Event listeners popup

57. CSS transform highlighter

58. Cubic bezier editor

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

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