Tuesday, November 6th, 2007

Google Code Revamps with jQuery

Category: Google, JavaScript, jQuery, Showcase

We have revamped Google Code, the site which is the home to developers, and open source hosting. A ton of work went into cleaning up the UI integrating and unifying content, and simplifying.

The site uses jQuery for a lot of its work, and also eats a lot of dogfood. The video below goes through some of the high lights, but DeWitt Clinton said it well:

One of the most exciting things about the redesign is that everything you see here was built using technology and APIs that are available to everyone. The pages we’re serving don’t rely on any secret back-end tricks; the site is built on plain HTML, JavaScript and CSS, each using our public APIs. In fact, all of the techniques used on Google Code can be duplicated on your own site.

For example, the search results pages use a combination of the AJAX Search API and Custom Search Engines. The homepage gadgets use the AJAX Feed API and Google Reader feeds. The videos are powered by the YouTube API, the blogs by the Blogger API, the events powered by the Google Calendar API, the metrics by Google Analytics, the forums by Google Groups, etc., etc..

Stay tuned — over the upcoming weeks we’ll offer detailed articles and tutorials about how we built the various parts of Google Code using open technologies.

This is just the beginning of a slew of updates that we are making to the site. I can’t wait to roll out some of the items that really match our vision of what a developer community can really be!

Posted by Dion Almaer at 6:33 am

3.9 rating from 76 votes


Comments feed TrackBack URI

oh my god.. Google using jQuery!

Comment by Gilles — November 6, 2007

Hmm..doesn’t look too fancy to me.

Comment by Klaudia — November 6, 2007

congratulations, john! you made it into the “google society” ;)

Comment by britneyfreek — November 6, 2007

It’s delicious! But.. can you ask the kind folks in charge of the code to _stop_ disabling the ALT-Back/Forward. Not being able to navigate back and forth with the keyboard on the new site highly annoying.

Comment by Dimitri Glazkov — November 6, 2007

jQuery in the title, jQuery prominently in the article… a lot of other project links visible… no jQuery link?

Comment by Kelly Hallman — November 6, 2007

Was it just me or did it sound like he said it uses a CFC to sort things out? If so, sounds like at least some part of Google is running ColdFusion.

Comment by Jon Hartmann — November 6, 2007

Klaudia, not all ajax/javascript stuff is “bells, whistles and eye-candy” – can be very functional behind the scenes and fairly transparent to the user that it’s even going on.

Comment by kaniz — November 6, 2007

Mh, things like the search seem to be a bit buggy, mouse navigation is slow, keyboard sometimes blocked … strange behaviours. But hey, its freshly revamped :-)

Comment by Harald — November 6, 2007

OMG, I can’t believe it. Grats, John.
for those of you can’t find the jQuery link, just go to Google Code’s page and view source. You’ll see the magical “jquery.js” =D

Comment by Simon Jia — November 6, 2007

YAY! Go jQuery! I LOVE IT!

And I still can’t believe they use it!

Comment by Web Design NY — November 17, 2007

google are a carzy company. i cant believe them somtimes, they act they own the internet

Comment by Aphrodisiac — July 31, 2008

Leave a comment

You must be logged in to post a comment.