YUI Theater — Ross Harmes: “Porting Flickr to YUI 3″ (36 min.)
November 19, 2010 at 7:10 am by Eric Miraglia | In Development, YUI Theater | 2 CommentsRoss Harmes is the Frontend Engineering Manger for Flickr, which recently completed a major presentation-tier rewrite using YUI 3. He was kind enough to join us at YUIConf 2010 to talk about that rewrite and how he and his team extracted maximum benefit from YUI 3′s various components.
If the video embed below doesn’t show up correctly in your RSS reader of choice, be sure to click through to watch the high-resolution version of the video on YUI Theater.
- Download HD video (480p ~27MB)
- Download video (m4v)
- A high-resolution Flash version of this talk is available on the YUI Theater site
Other Recent YUI Theater Videos:
- Dion Almaer, Ben Galbraith, Elaine Wherry, Thomas Sha, Joe Hewitt, Ryan Dahl, Tantek Çelik, and Douglas Crockford: YUIConf 2010 Panel Discussion: The Future of Frontend Engineering — Moderated by Dion Almaer and Ben Galbraith, this distinguished panel explored the near future of the discipline at at a time of great change. Panelists included Elaine Wherry, founder and frontend architect at Meebo; Douglas Crockford, JavaScript architect at Yahoo!; Tantek Çelik, technologist and author; Ryan Dahl, creator of Node.js; Joe Hewitt of Facebook, creator of Firebug and one of the most downloaded mobile applications of all time (Facebook for iOS); Thomas Sha, YUI founder at Yahoo!.
- Philip Tellis: Measuring the Web with Boomerang — Philip Tellis, a long-time Yahoo! and performance expert, discusses the Boomerang open-source tool for measuring the performance of web sites.
- Alois Reitbauer: dynaTrace Ajax Edition — dynaTrace provides one of the most powerful tools for analyzing the performance of web applications in Internet Explorer. In this talk, dynaTrace engineer Alois Reitbauer walks through four specific analytic scenarios using the dynaTrace interface.
- Dav Glass: Using Node.js and YUI 3 — YUI 3 and Node.js, working together, help us fully realize the promise of progressive enhancement (and a lot of other cool stuff). Dav Glass of the YUI team shows how it’s done and what’s possible using these powerful tools together.
Subscribing to YUI Theater:
CC Images by David Calhoun:
- http://www.flickr.com/photos/franksvalli/5163803072/
- http://www.flickr.com/photos/franksvalli/5163195923/
Share and extend: Bookmark with del.icio.us | digg it! | reddit!
2 Comments
Sorry, the comment form is closed at this time.

Copyright © 2006-2012 Yahoo! Inc. All rights reserved. Privacy Policy - Terms of Service
Powered by WordPress on Yahoo! Web Hosting.

I’ll repost the comment I’ve inadvertently sent in response to the wrong entry.
About shortening long URLs, have you thought about compressing them (gzip, lzo or whatever fits your need) and encode the result base64? And if so, what made you decide against it? Possible caveat, you need to look out for decompression bombs and perhaps use a URL-safe base64 alphabet for convenience.
If somebody wants to try that, you can test it out in Bash
echo $QUERY_STRING | gzip -c -f - | base64 -w0Comment by Josh Davis — November 19, 2010 #
Hi Josh,
I’ll post the response I got to this question from Nolan Caudill, the PHP engineer here at Flickr that worked on the URL shortening algorithm:
“It appears that the biggest wins from gzipping text comes when you have a large corpus of text, which makes sense, as you have more repeating pieces which means that the overhead of the encoding is minimized.
Encoding just the individual filenames and then base64-encoding always results in a longer “compressed” version with my analysis. If we were able to compress the full URL before making the request (which would involved hacking YUI3′s combo loading), we would see much larger gains. Trying one of our long URLs resulted in a 52% compression rate. This is better than our current compression rate of around 72% for that same URL. Combining these two schemes we get a compression of 42%, which is nice.”
Comment by Ross Harmes — November 22, 2010 #