TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Try right clicking GitHub's logo

353 pointsby vincentchanabout 13 years ago
Not sure if this is something new but I really think this feature is very thoughtful. Great UX. I hope every site will do the same thing.

30 comments

idanabout 13 years ago
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.
jawnsabout 13 years ago
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.
评论 #3834179 未加载
评论 #3835828 未加载
评论 #3834467 未加载
评论 #3834077 未加载
评论 #3833860 未加载
评论 #3834671 未加载
评论 #3834205 未加载
评论 #3834562 未加载
OzzyBabout 13 years ago
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.
评论 #3833807 未加载
评论 #3833898 未加载
评论 #3833796 未加载
评论 #3833830 未加载
bradleyjgabout 13 years ago
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.
评论 #3833594 未加载
RKearneyabout 13 years ago
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.
评论 #3833535 未加载
评论 #3833565 未加载
评论 #3833673 未加载
helipadabout 13 years ago
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>
thristianabout 13 years ago
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.
sathishmanoharabout 13 years ago
No, I'm not looking for Github Logo. I'm looking to open dashboard in a new tab. ok thanks.
评论 #3833681 未加载
hornbakerabout 13 years ago
I'm going to go out on a limb here and say that delightful bit of UX was Kyle Neath's idea and execution.
评论 #3833626 未加载
评论 #3833488 未加载
famousactressabout 13 years ago
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?
评论 #3833549 未加载
评论 #3833762 未加载
评论 #3833550 未加载
jjcmabout 13 years ago
Please let this become the norm. This is fantastic.
falcolasabout 13 years ago
Note - requires you to load javascript from akamai.net. Didn't notice a thing different until I enabled that through noscript.
gueloabout 13 years ago
The actual logo that is being displayed looks like it is suffering from being shrunk down too much from a bigger image.
评论 #3833530 未加载
gravitronicabout 13 years ago
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>.
Foyabout 13 years ago
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. ;)
评论 #3834014 未加载
callmeedabout 13 years ago
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.
babyabout 13 years ago
$(".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>
human_errorabout 13 years ago
Maybe I just want to right-click and open the homepage in new tab. With this feature, I can't do this.
JoshTriplettabout 13 years ago
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.
michaelmartinabout 13 years ago
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>
suyashabout 13 years ago
// Listen to Right Click events on your logo image $('img').bind('contextmenu', function(e){ // Your code/interaction goes here });
insraqabout 13 years ago
I thought Akismet was the first to adopt such design: <a href="http://akismet.com/" rel="nofollow">http://akismet.com/</a>
atestiabout 13 years ago
How can I disable that a webpage can hijack right click in Chrome like it's possible in Firefox?
bricestaceyabout 13 years ago
Wasn't the logo not even a link a couple of days ago? All this whining is ridiculous.
ak217about 13 years ago
Behold, the Octodex:<p><a href="http://octodex.github.com/" rel="nofollow">http://octodex.github.com/</a>
评论 #3833986 未加载
jumpinoverboardabout 13 years ago
This is pretty neat. A nice way to share the logo with the world.
tonethemanabout 13 years ago
hahaha i cant see anything... what happens exactly?
rhizomeabout 13 years ago
POLA violation.
invalidkaabout 13 years ago
just click shift+/ and be done with it.
zacwitteabout 13 years ago
smart