Popular:
 Building Resilient Systems on AWS: Learn how to design and implement a resilient, highly available, fault-tolerant infrastructure on AWS.

Hello DevTools!

By  on  
Mozilla Firebird

When I was a 17 year old noob, going to technical college in my home town, I was introduced to a browser called Firebird, which would later be renamed Firefox.  I was immediately drawn to this new browser; Firebird was fresh, exuded excitement, but most of all, provided a few developer tools that made learning front-end development easier and more enjoyable.  It was then that I knew I need to make it to Mozilla one day.

It took me a decade to get to Mozilla and I couldn't have been more excited, proud, and scared.  In my almost six years at Mozilla I've worked on and contributed to a dozen exciting projects, from MDN to Firefox OS to WebVR to the ServiceWorker Cookbook and so on...but I never forgot what made me love that early browser so much, which makes announcing the following so emotional for me: I'm excited to announce I'm joining Mozilla's DevTools team.

Firefox DevTools Debugger

My initial focus will be the DevTools Debugger, which is written in React, Redux, and other piece of that stack.  I can't express how happy I am to get back to full time JavaScript, CSS, and other front-end technologies, while also getting a heavy dose of Node.js.  I'll also get to do more community engagement as well as contribute to other parts of DevTools.  Best of all, when someone says "So you work on Firefox?!", I get to say "yes".  I get to work on a tool that millions of people like me use.  Wow.

I'm also giddy knowing that I'll have loads of new JavaScript, Node.js, CSS, and other great topics to write about. I want to get back to the point where I have so much to share that you'll be seeing new posts every day!

I'm coming back to front-end.
I'm coming back to what got me here.
I'm realizing the dream I had as a teen.
I'm coming back home.

Website performance monitoring
Website performance monitoring
Website performance monitoring
Website performance monitoring

Recent Features

  • By
    CSS @supports

    Feature detection via JavaScript is a client side best practice and for all the right reasons, but unfortunately that same functionality hasn't been available within CSS.  What we end up doing is repeating the same properties multiple times with each browser prefix.  Yuck.  Another thing we...

  • By
    CSS Animations Between Media Queries

    CSS animations are right up there with sliced bread. CSS animations are efficient because they can be hardware accelerated, they require no JavaScript overhead, and they are composed of very little CSS code. Quite often we add CSS transforms to elements via CSS during...

Incredible Demos

  • By
    WebKit-Specific Style: -webkit-appearance

    I was recently scoping out the horrid source code of the Google homepage when I noticed the "Google Search" and "I'm Feeling Lucky" buttons had a style definition I hadn't seen before:  -webkit-appearance.  The value assigned to the style was "push-button."  They are buttons so that...

  • By
    DWRequest: MooTools 1.2 AJAX Listener & Message Display

    Though MooTools 1.2 is in its second beta stage, its basic syntax and theory changes have been hashed out. The JavaScript library continues to improve and become more flexible. Fellow DZone Zone Leader Boyan Kostadinov wrote a very useful article detailing how you can add a...

Discussion

  1. MaxArt

    Congratulations David, for your new career path!
    Wish all the best! Also because it would mean we web developers will gain from your work too!

  2. Eric M Wendelin

    Congrats, Walsh!

  3. Ibrahim Nergiz

    I’m so glad to hear. Congratulations David.

  4. Andrei V.

    This is very good news and I am happy for you! I have been reading your blog for several years now and I believe you’re going to make a significant difference.

    I have been trying hard to switch Firefox (my long love for Opera is rapidly fading…), but there are two things holding me back: the lack of a speed dial tailored to my needs (I think this is the only thing still keeping me tied to Opera…) and a somewhat difficult to work with developer console (I’m being very subjective here).

    I am slowly taking care of the first part (the web extension is not yet ready but what I have looks good and does what I need it to), but I can’t really influence the second part. I am confident though that, with you on board, the talented folks working on it will (continue to) develop the best debugging experience ever.

  5. zakius

    too bad Firefox got the Chropera treatment and became as useless as every Chromium fork
    and Mozilla is not willing to fix this, or even to admit they failed miserably

  6. Florin

    great news!

  7. Sebastián

    Dear David
    PLEASE bring back the 3D view to the web dev tools, it was the most useful tool ever and unique to Firefox. Please make Firefox great again.

Wrap your code in <pre class="{language}"></pre> tags, link to a GitHub gist, JSFiddle fiddle, or CodePen pen to embed!