The Five Stages of Development @robertnyman

Kübler-Ross model !

Five stages of grief

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

Five stages of grief =

Five stages of development

1. Denial

https://twitter.com/coxy/status/465595282357772291/photo/1

http://pulptastic.com/22-pictures-where-i-have-absolutely-no-idea-whats-going-on/

2. Anger

"Why me? It's not fair!” !

"How can this happen to me?” !

"Who is to blame?"

http://pulptastic.com/22-pictures-where-i-have-absolutely-no-idea-whats-going-on/

3. Bargaining

"I'll do anything for a few more years.” !

"I will give my life savings if…"

http://pulptastic.com/22-pictures-where-i-have-absolutely-no-idea-whats-going-on/

http://www.tylervigen.com/

4. Depression

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

http://pulptastic.com/22-pictures-where-i-have-absolutely-no-idea-whats-going-on/

5. Acceptance

http://pulptastic.com/22-pictures-where-i-have-absolutely-no-idea-whats-going-on/

"It's going to be okay.” !

"I can't fight it, I may as well prepare for it."

http://24.media.tumblr.com/41b9e23140fb9540f954878bccc662af/tumblr_n5givksCEm1s612eao1_400.gif

But with a twist

Acceptance

Firefox Developer Tools

1. Denial

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

http://www.reactiongifs.us/wp-content/uploads/2013/08/shaking_head_breaking_bad.gif

2. Anger

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

“Firebug?”

3. Bargaining

“Make it like Firebug” !

“Chrome feature parity” !

“Keyboard shortcuts”

4. Depression

http://www.themarysue.com/wp-content/uploads/2011/04/picard_doublefacepalm.gif#geekosystem

“No one notices all the great work & new features”

!

“People believe Chrome is always having more, in any field”

https://hacks.mozilla.org/2014/05/editable-box-model-multiple-selection-sublime-text-keys-much-more-firefox-developer-tools-episode-31/comment-page-1/#comment-2160380

5. Acceptance- with a twist

“Ok, developers think Chrome is better” !

“Our tools need more work”

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

Blogging !

Developer feedback !

Features

Mozilla Hacks blog

https://hacks.mozilla.org/category/developer-tools/

Feedback channels

http://mzl.la/devtools

http://mzl.la/devtools

http://mzl.la/devtools

http://mzl.la/devtools

http://mzl.la/devtools

http://mzl.la/devtools

http://mzl.la/devtools

Mozilla Hacks blog + feedback channels

6 weeks later, first features shipped!

277 ideas 3165 votes

166 comments

Features

Web Audio Editor

Event listeners popup

jQuery event binding

CSS transform highlighter

Cubic bezier editor

Settings => keybindings

Vim, Sublime, Emacs keybindings

Selector preview

No of web developers that use Firefox Developer Tools as their primary toolset:

!

6% increase!

One more thing…

Firefox Tools Adapter

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

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

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

Firefox, Chrome and Safari

Robert Nymanrobertnyman.comrobert@mozilla.comMozilla

@robertnyman