Try right clicking GitHub's logo

Saw this on Flask (<a href="http://flask.pocoo.org/" rel="nofollow">http://flask.pocoo.org/</a>) a while back. I don't remember where Armin got inspiration from, but I remember he showed me another site that did this before his.<p>Sidestepping the UX discussion here, there's an important moral here for startups:<p><i>Have a logo page with print-suitable copies of your logo.</i> Actually, do one better and have the following logos:<p>1. Vector, raster (large), raster (small) in color<p>2. Vector, raster (large), raster (small) in monochrome<p>Anytime somebody wants to write about you, anytime you're sponsoring a conference, anytime you need stuff printed—that page will serve you well and let your t-shirt suppliers/conference organizers/curious journalists the thing they need without having to bug you. Until you get really big, misuse of your logo is unlikely. Just make it easy for people to get, like everything else about your company.<p>At Skills (<a href="http://skillsapp.com" rel="nofollow">http://skillsapp.com</a>) we have a direct link in every page's footer and another on our about page.

Here's how I would improve this:<p>The lightbox that opens up asks, "Looking for the GitHub logo?"<p>But it doesn't let you answer no. It just presumes that your answer is yes, and supplies you with what it thinks you actually want (or, more cynically, what it wants you to want).<p>I would suggest adding a "No thanks -- just let me right-click" link at the bottom. That link would close the lightbox and prevent it from reopening for the rest of the session, which would be in contrast to its current behavior, where the lightbox pops up no matter how many times you right-click.

I know that overriding expected functionality like this is considered a "no-no", but let's not loose sight of the fact that this "UX trick" was used on a logo, on the masthead, on the site's header.<p>What do you really <i>want</i> if you right-click on a logo like this? If you did indeed want to right-click &#38; save-as to get the image, this feature takes that a step further and actually offers you a selection of high-res images to choose from -- it's adding not subtracting.<p>Its not like this trick is used unabated and disables functionality completely, like those "don't steal my image bro!" javascripts...<p>IMO this could even be expanded further, i.e. Link to company's about/contact pages, mission statement etc.<p>The logo acts as a gateway to the company -- I like it.

This is a bad idea. It was a bad idea when paranoid sites did it to try and stop people from stealing their images and it is still a bad idea when trying to be helpful. There is a wide variety of behavior accessed through right click beyond save as.

Why was it necessary to bundle the _MACOSX and .DS_Store files with the zip download? I rarely see zip files with thumbs.db or desktop.ini files in them.

I've seen this done a few times before.<p>Akismet is one example: <a href="http://littlebigdetails.com/post/6493183632/akismet-when-you-right-click-the-logo-it-shows" rel="nofollow">http://littlebigdetails.com/post/6493183632/akismet-when-you...</a>

A long time ago, when I first installed Firefox, I went Preferences → Content → Enable JavaScript → Advanced and unticked all the "Allow scripts to:" options, including "Disable or replace context menus".<p>I still get the cute dialog-box when I right-click, but I <i>also</i> get my proper right-click menu for the link in question.

No, I'm not looking for Github Logo. I'm looking to open dashboard in a new tab. ok thanks.

I'm going to go out on a limb here and say that delightful bit of UX was Kyle Neath's idea and execution.

I find it kind of disarming to overload not-typically-overloaded events like this though. I wonder if it'd be possible to let the right-click menu appear as normal, but background a div that pops up and give you the option of downloading the nicer logo files?

Please let this become the norm. This is fantastic.

Note - requires you to load javascript from akamai.net. Didn't notice a thing different until I enabled that through noscript.

The actual logo that is being displayed looks like it is suffering from being shrunk down too much from a bigger image.

I ran into this the other day when I was attempting to right-click &#38; "open as new tab" and got <i>so confused</i>.

I couldn't help but notice the actual logo wasn't one of the download options. Although inspecting the element tells us that the original logo is at <a href="https://a248.e.akamai.net/assets.github.com/images/modules/header/logov7@4x-hover.png" rel="nofollow">https://a248.e.akamai.net/assets.github.com/images/modules/h...</a><p>I'm not entirely sure what Github was trying to accomplish with this, other than being a neat trick.<p>EDIT: <a href="https://a248.e.akamai.net/assets.github.com/images/modules/header/logov7@4x.png" rel="nofollow">https://a248.e.akamai.net/assets.github.com/images/modules/h...</a> for the non-hover logo. ;)

I think this is awesome.<p>I'm in an industry where our customers (pro photographers) are at <i>paranoia level: tin-foil-hat</i> with regards to people stealing their images. Regardless of how much I try to educate people, many will always want right-click disabled.<p>I think this is a great compromise. If you could offer them a low-res or watermarked version, that would be something people would pay for.

$(".site-logo").on("contextmenu",function(){ return $.facebox({div:"#logo-popup"},"logo-popup clearfix"),!1})<p>TIL about ContextMenu[1] and Facebox[2] in Jquery<p>[1] <a href="http://archive.plugins.jquery.com/project/jqueryContextMenu" rel="nofollow">http://archive.plugins.jquery.com/project/jqueryContextMenu</a> [2] <a href="http://defunkt.io/facebox/" rel="nofollow">http://defunkt.io/facebox/</a>

Maybe I just want to right-click and open the homepage in new tab. With this feature, I can't do this.

In Firefox, open Preferences -&#62; Content, hit the "Advanced" button next to "Enable Javascript", and uncheck "disable or replace context menus". With that unchecked, you get the right-click menu as usual, in addition to whatever the site wants to offer.

I think this is a cool way to do it. It's a very nice effect and ensures people are using good quality versions of their logo.<p>Akismet (The anti-spam tool) does something similar with theirs: <a href="http://akismet.com/" rel="nofollow">http://akismet.com/</a>

// Listen to Right Click events on your logo image $('img').bind('contextmenu', function(e){ // Your code/interaction goes here });

I thought Akismet was the first to adopt such design: <a href="http://akismet.com/" rel="nofollow">http://akismet.com/</a>

How can I disable that a webpage can hijack right click in Chrome like it's possible in Firefox?

Wasn't the logo not even a link a couple of days ago? All this whining is ridiculous.

Behold, the Octodex:<p><a href="http://octodex.github.com/" rel="nofollow">http://octodex.github.com/</a>

This is pretty neat. A nice way to share the logo with the world.

hahaha i cant see anything... what happens exactly?

POLA violation.

just click shift+/ and be done with it.

smart