Menu

Close
  • Home
  • Checking Out and Building Chrome Developer Tools (OSX Version)
  • Running ESLint in Atom for Mozilla Development
  • Installing VPN from the Linux Command Line
  • View jQuery and jQuery Live events in Firefox DevTools
  • View DOM Events in Firefox Developer Tools
  • Hack your Family: Adopt a child (UK version)
  • Firefox Developer Tools Highlighter
  • Debugging Thunderbird using Firefox Developer Tools
  • The History of Firebug
  • Why it is awesome to work for Mozilla?
  • Bugzilla Tips, Hacks and Etiquette
  • Disable JavaScript option now available in Firefox Developer Tools
  • The Application Cache is no longer a Douchebag
  • Moving your Contacts and Calendar Away from Google
  • How to install Django on JustHost (and maybe other shared hosts)
  • Firefox DevTools API
  • How well does your browser protect your privacy?
  • What is it like to work as an engineer at Mozilla?
  • What is SOPA and why should you care?
  • How Browsers Work
  • New job at Mozilla
  • Firefox 4, not just another version number!
  • Firebug Inspector Improvements
  • Firebug Lite - Changes Q4 2008 - Q1 2009
Subscribe
Menu
Mike Body Caricature Mike Head Caricature

Ramblings of a Madman

General Ramblings About all things JavaScript and Browser Developer Tools

Scroll Down

Checking Out and Building Chrome Developer Tools (OSX Version)

Checking Out and Building Chrome Developer Tools (OSX Version)

Afer almost 9 years at Mozilla I have suddenly found myself in a place where I have plenty of time to experiment. One thing that I have wanted to do for a while is play around with the Chrome DevTools codebase and start contributing. I... »

Author image Mike Ratcliffe Chromium, Chrome DevTools, Edge DevTools 09 Feb 2020

Running ESLint in Atom for Mozilla Development

Running ESLint in Atom for Mozilla Development

Due to some recent changes in the way that we use eslint to check that our coding style linting Mozilla source code in Atom has been broken for a month or two. I have recently spent some time working on Atom’s linter-eslint plugin making it... »

Author image Mike Ratcliffe Mozilla 18 Oct 2016

Installing VPN from the Linux Command Line

Installing VPN from the Linux Command Line

To stop people snooping on what we are doing on the internet or when restrictive governments prevent people from accessing popular websites you can use a VPN to protect your privacy and allow you to access the internet without restrictions. Most VPN providers provide simple... »

Author image Mike Ratcliffe Mozilla 02 Sep 2015

View jQuery and jQuery Live events in Firefox DevTools

View jQuery and jQuery Live events in Firefox DevTools

A little while back we landed a feature that made it possible to interact with events from the markup panel of Firefox developer tools. A lot of people were excited about this but we soon realized that jQuery wraps event handlers in a proxy making... »

Author image Mike Ratcliffe Mozilla 28 Aug 2014

View DOM Events in Firefox Developer Tools

View DOM Events in Firefox Developer Tools

I recently realized that support for inspection of DOM events is very poor in pretty much all developer tools. Having seen Opera Dragonflies implementation some time ago I liked the way you could very easily see the scope of an event. I have used a... »

Author image Mike Ratcliffe Mozilla 21 Jul 2014

Hack your Family: Adopt a child (UK version)

Hack your Family: Adopt a child (UK version)

A lot of people would like to adopt but do not know what to do or what is involved. They are often scared of the process or have heard horror stories. Being at the end of the process and having met our kids we can... »

Author image Mike Ratcliffe Mozilla 06 May 2014

Firefox Developer Tools Highlighter

Firefox Developer Tools Highlighter

When it comes to the Firefox Developer Tools Inspector one of our most common requests is that our highlighter should support box model highlighting. We are working on implementing this but before we get into full swing we need to know exactly what you want... »

Author image Mike Ratcliffe Mozilla 17 Oct 2013

Debugging Thunderbird using Firefox Developer Tools

Debugging Thunderbird using Firefox Developer Tools

I recently discovered that it is possible to use Firefox Developer Tools with Thunderbird. Philipp Kewisch has done a fantastic job of his Google Summer of Code 2013 Project to bring Firefox Developer Tools to Thunderbird. Starting with Thunderbird 24.0a1 and a matching version of... »

Author image Mike Ratcliffe Mozilla 08 Oct 2013

The History of Firebug

The History of Firebug

When Joe Hewitt was seven years old his father wanted to become a computer programmer so he bought an IBM PCjr. Joe would often watch his father typing in programs from PC Magazine. He started learning himself and when he got older he just sort... »

Author image Mike Ratcliffe Mozilla 25 Sep 2013

Why it is awesome to work for Mozilla?

Why it is awesome to work for Mozilla?

Since my post about what it is like to be a Firefox hacker lots of people have asked about why I chose to work for Mozilla. I had opportunities to work for Google or Facebook but I have always had a great respect for Mozilla.... »

Author image Mike Ratcliffe Mozilla 15 Sep 2013

Bugzilla Tips, Hacks and Etiquette

Bugzilla Tips, Hacks and Etiquette

Even after a few years working for Mozilla I still occasionally come across a Bugzilla tip that I don’t know about. This post is a attempt to gather Bugzilla tips from around the Internet whilst adding a few of my own to the list. To... »

Author image Mike Ratcliffe Mozilla 27 Jun 2013

Disable JavaScript option now available in Firefox Developer Tools

Disable JavaScript option now available in Firefox Developer Tools

At the beginning of April Alex Limi decided that we should remove the Enable JavaScript checkbox from Firefox’s preferences dialog. His reasoning was that clearing that checkbox breaks a huge amount of websites and therefore breaks the web. Alex was completely correct and I wholeheartedly... »

Author image Mike Ratcliffe Mozilla 30 May 2013

The Application Cache is no longer a Douchebag

The Application Cache is no longer a Douchebag

If you have ever used the application cache you will probably be familiar with how easy it is to break offline functionality and how difficult it is to work out why things are broken. With a large offline web app finding the source of problems... »

Author image Mike Ratcliffe Mozilla 05 May 2013

Moving your Contacts and Calendar Away from Google

Moving your Contacts and Calendar Away from Google

For the past few years I have used Google Contacts to store my contacts and Google Calendar to store my calendars. These services really are excellent, particularly because they allow me to keep my data synchronized between my Android phone and numerous instances of Thunderbird... »

Author image Mike Ratcliffe Mozilla 26 Mar 2013

How to install Django on JustHost (and maybe other shared hosts)

How to install Django on JustHost (and maybe other shared hosts)

Frustrated developer If you search Google for “how to install Django on JustHost” you may be surprised to find tens of thousands of articles claiming that it can’t be done and none claiming that it can. Well, it can and here’s how: Log in using... »

Author image Mike Ratcliffe Mozilla 21 Jan 2013

Firefox DevTools API

Firefox DevTools API

Hopefully, most of you are familiar with Firefox Developer Tools by now, if not then now is the time to get familiar! The DevTools Team recently met up in London to talk about, and generally hack on, developer tools stuff and it turned out to... »

Author image Mike Ratcliffe Mozilla 05 Oct 2012

How well does your browser protect your privacy?

How well does your browser protect your privacy?

Having downsized my home a couple of times in the last year it is no understatement to say I have urgent space issues. I have power tools, large kitchen devices and surplus everything else. I looked online for a new shed, comparing reviews and investigating... »

Author image Mike Ratcliffe Mozilla 05 Aug 2012

What is it like to work as an engineer at Mozilla?

What is it like to work as an engineer at Mozilla?

This question popped up on Quora recently. I have been working on the Developer Tools Team at Mozilla for over a year now and would love to let you all know what is it like. To see this from my perspective I you will need... »

Author image Mike Ratcliffe Mozilla 03 Aug 2012

What is SOPA and why should you care?

What is SOPA and why should you care?

I have received a flood of emails today from people asking about what SOPA is and was surprised when I looked online and didn’t see any places that explains why SOPA would be a very bad thing. The idea behind SOPA is to stop online... »

Author image Mike Ratcliffe Mozilla 18 Jan 2012

How Browsers Work

How Browsers Work

Preface Introduction The Browsers We Will Talk About The Browser’s Main Functionality The Browser’s High Level Structure Communication Between the Components The Rendering Engine Rendering Engines The Main Flow Main Flow Examples Parsing and DOM Tree Construction Parsing - General Grammars Parser - Lexer Combination... »

Author image Mike Ratcliffe Mozilla 29 Oct 2011

New job at Mozilla

New job at Mozilla

Okay, I have had the job now for over 3 months but I have really been neglecting my blog… after all, you all deserve to know about what we Mozillians are up to and we are doing some awesome things at the moment. I have... »

Author image Mike Ratcliffe Mozilla 26 Jul 2011

Firefox 4, not just another version number!

Firefox 4, not just another version number!

So, it has been a long time coming, but I am sure that once you have experienced the awesome that the Mozilla developers have produced you will agree…. this is a download worth getting! We have come a long way since I started using Mozilla... »

Author image Mike Ratcliffe Mozilla 23 Mar 2011

Firebug Inspector Improvements

Firebug Inspector Improvements

Almost a year since I last posted, I can’t believe it. I am no longer spending time working on Firebug Lite, but am spending my spare time these days working on Firebug’s inspector. There are three versions of the inspector’s highlighter: The frame highlighter is... »

Author image Mike Ratcliffe Mozilla 10 Jul 2010

Firebug Lite - Changes Q4 2008 - Q1 2009

Firebug Lite - Changes Q4 2008 - Q1 2009

We have made a bunch of changes to Firebug Lite over the last few months and it is about time we shared them with you. For those that don’t know what Firebug Lite is, it is basically a cross browser version of Firebug. It does... »

Author image Mike Ratcliffe Mozilla 05 May 2009
Subscribe
Ramblings of a Madman © 2020