DIGIT-ARC read-only archive · snapshot: July 23, 2026

Behind Google's today(keyboard) homepage?

12 posts · originally from https://geek.digit.in/community/threads/behind-googles-today-keyboard-homepage.157426/

balakrish
balakrish Original post #1
May 23, 2012 at 12:29 PM
hi friends!
As you might have already noticed google's today homepage really rocks.Instead of calling it a homepage,doodle is the correct word.
Lemme come to the point. Which language is behind this keyboard doodle? As i know, it runs by JS or AJAX. Anyways, whenever the user presses the button,It has lot of music clips to play. when the user visits google,it has to load the music clips also.But it takes the same time as the NORMAL google page loads.How do they do it? How they customize it for THIS speed?

Anyways, you may reply me very slow. But google will change its homepage by 12.00AM.So im posting the image here.

*s13.postimage.org/l5vge7fx3/Screenshot_from_2012_05_23_12_24_34.png

Also pls tell me how to save that page for offline use.
Usual "Save As" trick doesn't works for me.
It saves the page but not with those graphic.
masterkd
May 23, 2012 at 2:46 PM
That logo is just an png image.
Code:
<img alt="Robert Moog's 78th Birthday" border="0" height="224" [U][B]src="/logos/2012/moog12-hp.png"[/B][/U] title="Robert Moog's 78th Birthday" width="533" id="hplogo" [U][B]onload="window.lol&&lol()"[/B][/U] style="padding-top:0px">

its the lol&&lol() function doing all the things. I think there are lots of ajax calls in there to keep up the speed.
N
noob #3
May 23, 2012 at 3:02 PM
Basically its HTML 5 + Ajax
nims11
nims11 #4
May 23, 2012 at 6:45 PM
imagemap
Vyom
Vyom #5
May 23, 2012 at 10:03 PM
So, the point is, "can it be saved for offline playing"?

I would really want to save it too! :p
nbaztec
nbaztec #7
May 23, 2012 at 10:36 PM
HTML5 image map and jQuery/JavaScript. Events are binded to divs which parse the area map and create music.

Google is awesome.
balakrish
May 23, 2012 at 11:12 PM
cause of fast?
how to save that page? (only 48 Minutes from now)
Vyom
Vyom #9
May 23, 2012 at 11:32 PM
^^ Just create a screencast and play at your leisure, if you are unable to save it. :lol:

Btw.. I have saved the source of the page for later analysis. Maybe I be able to figure out how to play it offline.
doomgiver
doomgiver #10
May 24, 2012 at 12:30 AM
HTML5 image map and jQuery/JavaScript. Events are binded to divs which parse the area map and create music.

Google is awesome.

STOP SAYING BAD WORDS :evil:

:mrgreen::mrgreen::mrgreen: just joking

please explain a bit more how it works, i'd love to know more.
sharang.d
sharang.d #11
May 24, 2012 at 12:48 AM
It cannot be saved. (IMO)
balakrish
balakrish #12
May 24, 2012 at 12:59 AM
Thanks everyone.. :twisted:
I cant save it. :shock: