Monday, December 18th, 2006

Digg.com Updated: Now with Lightboxes

Category: Showcase

<>p>There has been a fair amount of talk on the new site design of digg.com.

Digg was an early adopter of Ajax technology (the polling, the digging itself, etc), and what is interesting about this new design is that they haven’t gone crazy with new Ajax features.

That being said, there is a lot of JavaScript being used here:

javascript
< view plain text >
  1. <script src="/js/1/utils.js" type="text/javascript"></script>
  2.  <script src="/js/1/xmlhttp.js" type="text/javascript"></script>
  3.  <script src="/js/1/wz_dragdrop.js" type="text/javascript"></script>
  4.  <script src="/js/1/hover.js" type="text/javascript"></script>
  5.  
  6.  <script src="/js/1/label.js" type="text/javascript"></script>
  7.  <script src="/js/1/dom-drag.js" type="text/javascript"></script>
  8.  <script src="/js/1/prototype.js" type="text/javascript"></script>
  9.  <script src="/js/1/scriptaculous.js" type="text/javascript"></script>
  10.  <script src="/js/1/lightbox.js" type="text/javascript"></script>
  11.  <script src="/js/1/swfobject.js" type="text/javascript"></script>
  12. <script type="text/javascript" src="/js/1/hbxdigg.js"></script>
  13. <script type="text/javascript" src="/js/1/hbx.js"></script>

Lightboxes are the most obvious new addition, seem mainly in the video section, but also in other places.

I wonder if the main site itself will let you turn on auto-polling, so changes can come to you. As we use more and more apps like Gmail, Google Reader, etc that update themselves so we stop hitting the refresh button, I wish I could have digg do the same.

In general I like the new design, especially the improved width.

Updated Digg UI

Posted by Dion Almaer at 10:34 am
8 Comments

++++-
4 rating from 29 votes

8 Comments »

Comments feed TrackBack URI

I really like the new design. It has an iStockPhoto feel to it… very simple and not overboard on the graphics.

Comment by Peter Goodman — December 18, 2006

The lightboxes didn’t work very well for me. They have the Flash player hidden behind an element or something because I can’t click on any of the video controls.

Comment by Andy Kant — December 18, 2006

I count 245kb of Javascript required to load… thats heavy, all images together are around 19kb and the HTML is 57.7kb. Varius drag & drop scripts account for almost 100kb of that load, what exactly can you drag & drop on Digg anyway? Only some of the scripts are obfuscated (to minimize size), im guessing those who are left are that way cause of license issues.

Comment by Mark — December 18, 2006

I totally agree with Andy. Digg rocks, and I KNOW they have loads of traffic, but it does feel sluggish at times.

Comment by Jonathon Whitener — December 18, 2006

Anyone else think that green is ugly?

Comment by Blake — December 18, 2006

It annoys me that with all of the Lightbox implementations out there, not a single one supports the back button (that I’ve seen). The Lightbox links feel just like regular links and I’m trained to use the back button when I’m done looking at them.

I expected Digg would have had the sense to support this, but they don’t, which is disappointing.

Comment by Joe Hewitt — December 18, 2006

The video-in-lightbox idea is great, but the implementation didn’t work very well in IE7 – clicking the background causes the lightbox to close, but the video continues to play…

Comment by kristian.j — December 19, 2006

There is no way in hell that digg needs to load that many files or that many kilobytes. I understand that functions from every file get used — at least on some of the pages — but a little judicious pruning and combination would seriously cut down on load times. Just the sheer number of files (all of which block painting routines) often create a bottleneck for me, if I’m looking at digg on a slower connection.

Comment by henrah — December 20, 2006

Leave a comment

You must be logged in to post a comment.