Digg Version 3 has finally launched.
After being talked about continuously, especially over the past few weeks, the highly publicized and extremely busy Digg.com has been updated.
The New
The design itself features the new “Web 2.0” look that is so popular in design today, but it’s what the Digg team has managed to do under the hood that truly adds much more character to digg.
The homepage starts off with an updated design, with clean gradients, the familiar “Top Stories”, and quick and easy access to your profile. But, digg no longer stops there. You can now choose between the top for today, the week, the month, and the year. (Now that’s a lot of Diggs!).
Digg has also finally begun to expand, including such categories as World & Business, Entertainment, Games, and Videos, alongside the standard Technology and Science categories.
Upon visiting your profile page for the first time, you’ll notice the user CP has also been revamped, this time it allows you to managed topics (which topics to watch), view your history (see what you’ve dugg, submitted, and commented on), and view your friends and their history.
Digg now also features links at the bottom, including access to the Digg blog and Diggnation Podcast. Another nice new feature is the introduction of Ajax to give you a live, as you type preview while submitting new stories.
The Bad
While most of the talk remains on what Digg 3 brings to the table, there are plenty of people who are annoyed with the latest release of Digg. The homepage is beginning to get filled, which is one thing that often kept digg good, because it was so simple. Another annoying problem is that digg does not adjust to your screen resolution. While Digg 3 is just a little wider than Digg Version 2, it’s aggravating people enough to complain about the lack of automatic resize.
Still, Digg 3 is sure to leave fine impressions in most peoples minds, minus the few quirks they may have with the newest design.
Alternative Digg
There was an article that made it to the frontpage of Digg late last night, which provided an alternative stylesheet to use in Firefox to get digg to look a little better. According to the blurb that was on Digg alongside this submissions, this hack is supposed to give Digg the older nav look and clean up a few other details. Once I have the chance to try it, I’ll post a screenshot. There are two versions, one with regular font size and one with larger fonts. The code for the regular font version is below, and you can grab the other from here. To install, copy the css to your usercontest.css or download the Stylish plugin for Firefox.
[css]@-moz-document domain(digg.com), domain(www.digg.com) {
.sub-menu .tool strong { font-size: 11px !important; font-weight: bold !important; padding: 0px !important; margin: 0px !important; background-image: none !important;}
.news-summary { margin-bottom: 12px !important; margin-top: 12px !important; }
.digg-count { margin-top: 3px !important; }
h2 { font-size: 18px !important; }
h3 { font-size: 13px !important; font-weight: bold !important; letter-spacing: normal !important; }
.toggle a, .view-all a, .side-friends a, ul a { font-weight: normal !important; font-size: 11px !important;}
#top_ad, #item_ad, #footer, .copyright, .top_ad_image, .banner_ad, .comments_ad_image {display: none !important;}
.digg-count a strong {font-size: 14px !important; font-weight: bold !important; }
.sub-menu li .toplinep { width: 138px !important; }
.comment {width: 710px !important;}
.news-digg img { padding-top: 4px !important; padding-left: 1px !important; }
h3 a { border: none !important; background: none !important; font-weight: bold !important; font-size: 11px !important; letter-spacing: normal !important; text-decoration: underline !important; padding-left: 3px !important;}
.news-submitted { margin-left: 3px !important; padding-left: 0px !important; }
p { margin: 3px !important; }
#contents, #sidebar { float: left !important; border: none !important; background: none !important; font-size: 11px !important;}
#container {background: none !important; }
#sidebar {padding: 20px 0 1em 35px !important;background-position: 0 0; }
#footer {background: none !important;}
}
[/css]
