Github 404 page

https://github.com/404

by config_yml • 16 years ago

192 43 16 years ago

github.com

config_yml2• 16 years ago

I love the github guys for their attention to detail, the 500 page is also worth seeing: https://github.com/500

ek• 16 years ago

Monkey Island, perhaps? Or am I wrong?

nanexcool2• 16 years ago

Looks more like Wile E. Coyote

ghotli• 16 years ago

I like this one better than the 404.

danpker• 16 years ago

Make sure you move your mouse over the image.

dfischer• 16 years ago

Woah. How do you do it? Magic?

Mithrandir• 16 years ago

Javascript.

pjscott• 16 years ago

Looks like parallax scrolling, like we saw in some old side-scroller games:

http://en.wikipedia.org/wiki/Parallax_scrolling

fung• 16 years ago

http://webdev.stephband.info/jparallax/

effkay• 16 years ago

this is the most awesome thing i've seen in 2011 so far

Legion• 16 years ago

I was liking this page back in 2010, noob.

Groxx4• 16 years ago

this is the most awesome reply i've seen in 2011 so far

nanexcool2• 16 years ago

Octocat's name is Octobi Wan Catnobi (view source)

ianl• 16 years ago

This made my day.

kacy• 16 years ago

This is so cool! Imagine the future of web based gaming where it detects your head movement (like the mouse). So close to 3D! :-)

eam• 16 years ago

Their 503 https://github.com/503 collection of random github-approved youtube videos.

pjhyett• 16 years ago

Wow, that takes me back. It's sad to see so many of those videos have been removed in the last three years.

Groxx4• 16 years ago

  window.onload = function() {
    var videoIds = [
      ...
      'Yu_moia-oVI', // rickroll
      ...

Awesome.

marcinw• 16 years ago

Cute, but damn onmouseover on the iPad.... :(

oconnore• 16 years ago

I don't think GitHub markets to devices that can't run Git[Hub].

Xuzz• 16 years ago

I use Git on my iPad all the time, from Cydia/Telesphoreo. Sure, it's unsupported, but it works great. (Link: http://cydia.saurik.com/package/git)

meatsock3• 16 years ago

sorry this page doesn't seem to load for me.

meatsock3• 16 years ago

... all i get is a 404 warning. =(

burke• 16 years ago

That's kind of the point. It's a nice 404 page.

meatsock3• 16 years ago

it's a joke. don't forget to tip your waitress.

siddhant• 16 years ago

The 404 page on Blippy is worth a mention too - http://blippy.com/404

ComputerGuru• 16 years ago

"worth a mention!?"

It gets a golden award! My cousin and I spent a good 5 minutes poking, prodding, chasing, and otherwise abusing that poor unicorn all over the screen!

Groxx4• 16 years ago

Awww, it ends!

a5seo• 16 years ago

Wish it were a double rainbow.

landhar• 16 years ago

The link seems broken, it didn't get me where I wanted.

bootload• 16 years ago

Reddit has/had a good 404 ~ http://www.flickr.com/photos/bootload/2835213914/in/set-7215... though I liked their general error report better ~ http://www.flickr.com/photos/bootload/98158858/in/set-721576... "sorry broke: looks like we shouldn't have stopped using lisp..."

WalterGR• 16 years ago

Actually it's far more common to get the "You broke Reddit" error message. There are a couple more in rotation. I haven't seen the "9/11 changed everything" one in a while, so they may have wisely stopped using that one.

aw3c2• 16 years ago

All those creative error pages make me think that it might be a great "dear team, maybe you fancy hacking some funny or exciting non-related webdesign stuff in your free time. If you create something nice and want to, we can use it as our error page" motivation to have your programmers space out and hack as they like while still contributing to the project.

technoweenie• 16 years ago

Or, you hire an illustrator to do a quick gig: http://twitter.com/#!/cameronmcefee/status/20917220263600129

jrockway• 16 years ago

So I tried moving my mouse left and right while closing my right and left eyes. Alternate fast enough and it really looks 3D!

savrajsingh• 16 years ago

I thought it would present some ui allowing you to enter the code for the page. "page not found? This is github, so you write it. :)"

aesacus• 16 years ago

The 3d effect is achieved using JParallax

substack• 16 years ago

For extra fun, type this in the address bar while on the github 404 page:

    javascript:var theta = 0; setInterval(function () { theta += 0.05; parallax({ pageX : (Math.sin(theta) + 1) * 1000, pageY : (Math.cos(theta) + 1) * 1000}) }, 50)

laughinghan• 16 years ago

Am I the first person to go "Woah! That's cool!" then look at the code and instantly go "WTF?!"?

  - Browser sniffing using `document.all` to test for IE

  - Browser sniffing at all!

  - Aborting `trace` rather than just removing it

  - In `init`, repeatedly calling `document.getElementById` with the same `id`
    instead of storing them in variables

  - Calling `document.getElementById` every time `parallax`, the `mousemove` event
    handler, is triggered rather than `init` storing them *once* in variables that
    `parallax` has access to

Github 404 page

Related Stories