Stewart Smith

Raptors in hats

Whether it’s a hack, an eccentric debug utility, or clever marketing—there are raptors in hats hiding on Vogue’s UK website. Load it up and then enter the fabled Konami code to manifest a strafing raptor wearing a random designer hat. That’s Up Up Down Down Left Right Left Right B A.
Oddly there’s also a general debug console that can be called up by using the same sequence but switching the order of the last two taps to A B. For the code curious, the JavaScript to trigger this raptor rapture is contained here, just do a search for “konami”:

If you open up your browser’s JavaScript console you can get the actual raptorization code by entering: $('body').raptorize

The analytics line of code in there makes me think it’s more of a clever marketing ploy than some hacker attack—as some supposed “news” outlets would have you believe. Ah, hype. I’ve posted the raptorize code after the jump in case it vanishes from Vogue’s site.

Update: This little easter egg appears to be inspired by a jQuery library called Raptorize created by Zurb in collaboration with Phil Coffman and Noah Stokes.

function (options) { AnalyticsUtils.trackEvent("Special", "Raptor", null, null);
var randomImageUrl = raptorUrls[Math.floor(Math.random() * raptorUrls.length)];
//Yo' defaults
var defaults = {
    enterOn: 'timer', //timer, konami-code, click
    delayTime: 100 //time before raptor attacks on timer mode

//Extend those options
var options = $.extend(defaults, options);

return this.each(function () {

    var _this = $(this);
    var audioSupported = false;
    //Stupid Browser Checking which should be in jQuery Support
    if ($.browser.mozilla && $.browser.version.substr(0, 5) >= "1.9.2" || $.browser.webkit) {
        audioSupported = true;

    //Raptor Vars
    var raptorImageMarkup = '<img style="display: none;z-index:30000" src="' + randomImageUrl + '" />';
    var locked = false;

    //Append Raptor and Style
    var raptor = $(raptorImageMarkup);
        "position": "fixed",
        "bottom": "-310px",
        "right": "0",
        "display": "block"


    function init() {
        var image = new Image();
        image.onload = function () { initAfterImageLoad() };
        image.src = randomImageUrl;

    // Animating Code
    function initAfterImageLoad() {
        locked = true;

        // Movement Hilarity	
            "bottom": "0"
        }, function () {

                "bottom": "-20px"
            }, 100, function () {
                var offset = (($(this).position().left) + 400);
                    "right": offset
                }, 2200, function () {
                    locked = false;

}); //each call