Mozilla tabzilla.js Easter Egg
While reading some documentation over at the Mozilla Developer Network (MDN), I found a nice hidden surprise in — guess where? Firebug's Console!
So what was the surprise?
Too curious, eh? See for yourself:
It's a nice ASCII version of the Mozilla mascot, which is accompanied by an invitation to work for Mozilla or contribute to Mozilla. It is loaded through a file named tabzilla.js.
What is Tabzilla?
At first I thought that this easter egg was just limited to the MDN website. But after looking at the tabzilla.js code, I found that it works across a number of Mozilla websites, which make use of Tabzilla.
Here's the description of Tabzilla:
Tabzilla is the universal tab displayed on Mozilla websites.
If you focus on the image above — at the top right corner of the web page, the lowercase "mozilla" with the dropdown arrow is Tabzilla.
Sites on which you will find this easter egg
As I mentioned above, this is not limited to the MDN website. It is present on all those Mozilla websites which make use of Tabzilla, and which satisfy the conditions present in tabzilla.js.
Here's the relevant section of tabzilla.js responsible for displaying the above stuff:
// Careers teaser in error console. $(window).load(function() { try { // Try to only show on stage and production environments. if (/mozill|webmaker|allizom|firefox/.exec(location.hostname)) { console.log(" _.-~-.\n 7'' Q..\\\n _7 (_\n _7 _/ _q. /\n _7 . ___ /VVvv-'_ .\n 7/ / /~- \\_\\\\ '-._ .-' / //\n ./ ( /-~-/||'=.__ '::. '-~'' { ___ / // ./{\n V V-~-~| || __''_ ':::. ''~-~.___.-'' _/ // / {_ / { /\n VV/-~-~-|/ \\ .'__'. '. ':: _ _ _ ''.\n / /~~~~||VVV/ / \\ ) \\ _ __ ___ ___ ___(_) | | __ _ .::'\n / (~-~-~\\\\.-' / \\' \\::::. | '_ ` _ \\ / _ \\_ / | | |/ _` | :::'\n/..\\ /..\\__/ ' '::: | | | | | | (_) / /| | | | (_| | ::'\nvVVv vVVv ': |_| |_| |_|\\___/___|_|_|_|\\__,_| ''\n\nHi there, nice to meet you!\n\nInterested in having a direct impact on hundreds of millions of users? Join\nMozilla, and become part of a global community that\u2019s helping to build a\nbrighter future for the Web.\n\nVisit https://careers.mozilla.org to learn about our current job openings.\nVisit https://www.mozilla.org/contribute for more ways to get involved and\nhelp support Mozilla."); } } catch(e) {} });
The if statement got me curious, as I had never heard of webmaker or allizom. A quick search later, I found that Webmaker is an educational initiative by Mozilla, with a focus on the Web and related technologies.
As for allizom, well, it turned out to be a staging area for Mozilla projects. By the way, try reading allizom in reverse ;)