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.

Recent Features

  • By
    Create a CSS Flipping Animation

    CSS animations are a lot of fun; the beauty of them is that through many simple properties, you can create anything from an elegant fade in to a WTF-Pixar-would-be-proud effect. One CSS effect somewhere in between is the CSS flip effect, whereby there's...

  • 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
    MooTools 1.2 OpenLinks Plugin

    I often incorporate tools into my customers' websites that allow them to have some control over the content on their website. When doing so, I offer some tips to my clients to help them keep their website in good shape. One of the tips...

  • By
    9 Incredible CodePen Demos

    CodePen is a treasure trove of incredible demos harnessing the power of client side languages.   The client side is always limited by what browsers provide us but the creativity and cleverness of developers always pushes the boundaries of what we think the front end can do.  Thanks to CSS...

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. 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. 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!