Slashdot Mirror


Slashdot CSS Redesign Winner Announced

The winner of the contest is Alex Bendiken. He will receive a new laptop as well as bragging rights as the creator of the new look of Slashdot. You can see his winning design in a near complete form now. Feel free to comment on any compatibility issues. We plan to take this live in the next few days. There will undoubtedly be a few minor glitches, but please submit bug reports and we'll sort it out as fast as possible. Also congratulations to Peter Lada, our runner up. He gets $250 credit at ThinkGeek. Thanks to everyone who participated- it was a lot of fun.

116 of 882 comments (clear)

  1. I have to say by Soporific · · Score: 4, Insightful

    I really like the current look of Slashdot. What was the point in changing it? Just to change it?

    ~S

    1. Re:I have to say by tha_mink · · Score: 5, Insightful

      I have to say that the runner-up is so much better it hurts. The problem with slashdot is all the noise. The collapseable sections would be a much welcome improvement. Don't see why they didn't go with the runner up. Just my 2cents

      --
      You'll have that sometimes...
    2. Re:I have to say by packetmon · · Score: 2, Insightful

      I agree, the current look is something akin to historical and functional. The new look does not look that "new". Rounded corners were replaced by sharp edges along with a new font. How exactly does this qualify for a new look?

    3. Re:I have to say by Anonymous Coward · · Score: 5, Funny


      C) read before you write


      It may not be a democracy, but it is still slashdot.

    4. Re:I have to say by pedalman · · Score: 2, Funny
      A) it's not a democracy B) you have collapsable sections with the winner C) read before you write
      You forgot:

      D) Cowboy Neal

      --
      Friends don't let friends line-dance.
    5. Re:I have to say by DAldredge · · Score: 3, Insightful

      Changing the look is easier than improving the editing.

    6. Re:I have to say by 4im · · Score: 5, Insightful

      Having a look at both the winner and the second using Firefox on Linux, the winner is definitely better looking than the second - the winner respects my font settings, while with the second many parts of the page are simply unreadably small. For that reason alone, there is simply no contest between the two.

    7. Re:I have to say by imaginate · · Score: 5, Funny

      Really it *should* be put to a vote. We're the ones who have to live with it.

      It's not like the editors ever read the site anyway... ;)

    8. Re:I have to say by ikejam · · Score: 2, Interesting

      I agree. Can we have a poll between the two :).

      then again I wonder how much effect the fact that the runner up didnt have the graphic ad had to do with it..

    9. Re:I have to say by Penguin+Programmer · · Score: 2, Interesting
      B) you have collapsable sections with the winner


      True, but it's not obvious. I would never think to click on a triangle that doesn't turn my cursor into the pointy-finger-link-clicking cursor. Seriously.
    10. Re:I have to say by digitalgiblet · · Score: 5, Insightful
      Here's a crazy thought. How about allowing each user to choose which way they want to see it. Slashdot could jump to the forefront of web-technology and market this ability as something totally new and original and come up with a new name for it like "skins" or "themes". They already have a "preferences" page.

      I'm not sure the world is ready for such customizability, but slashdot should boldly step into the late '90s world of customization!

    11. Re:I have to say by squiggleslash · · Score: 2, Insightful
      I'm not sure. I do know that while there were absolutely excellent submissions posted in CT's journal, the two given were not either of them. The new theme is busy and distracting, and in my eyes it's not that aethetically pleasing. Slashdot's current look is relatively clean and uncluttered, but could be improved.

      This is a bit of a shame, IMO. It's CmdrTaco's site, and he can do what he wants with it, but a theme that actively makes the front page less readable will subtract value, and eyeballs, from the website. Maybe I'll get used to it, or maybe I'll leave too.

      --
      You are not alone. This is not normal. None of this is normal.
    12. Re:I have to say by MrDrBob · · Score: 2, Interesting

      I think the true point of running the competition was to incite some interest in Slashdot again, and try to regain readers from sites such as Digg. I might be being a bit blunt, but that's just my take on it. ;-)

      That said, the redesigns do look nice. :-)

    13. Re:I have to say by xeoron · · Score: 2, Insightful

      I prefer the 'classic' look. I hope they have a setting so that people whom prefer the current/old design will not be forced to live with the newer design that is suppose to be "better".

      CmdrTaco please give us Classic Theme options in the preference settings!

    14. Re:I have to say by Bogtha · · Score: 2, Informative

      the winner respects my font settings

      No it doesn't. Take a look at the stylesheet. I quote:

      font: 82%/150% Tahoma, 'Lucida Grande', 'Lucida Sans', Helvetica, Arial, clean, sans-serif;

      If that respected your font settings, the first number would be 100%, not 82%. Since when is reducing your preferred font size by almost one fifth "respecting it"?

      Perhaps if you have a small font size configured in your browser, it might not look very different to you, but the larger you've configured your fonts, the more obvious the difference.

      --
      Bogtha Bogtha Bogtha
    15. Re:I have to say by Bill+Dog · · Score: 2, Insightful

      Occasionally?!? You must be new here.

      The horrible idea is not one site's implementation of a mass moderation system, it's a mass moderation system period. The problem is one of human nature: There are two kinds of people in the world, those who think others are wrong in their opinions, and those who think others are wrong in their opinions and should be silenced and punished for them. Because the latter are approx. 50% of the population, i.e. a huge number of people, you simply cannot have moderation by the masses, even on an infrequent, impromptu basis.

      --
      Attention zealots and haters: 00100 00100
    16. Re:I have to say by billDCat · · Score: 4, Interesting

      Nope, serif typefaces are not more readable on screen at small sizes. One screen pixel is not close to enough to resolve the many intricacies built into the serifs that help print readability and style: instead, they look like mud on screen at anything around 9 points and less. Take a close look at the close-ups shown in the Wikipedia article you provided, or choose several serif typefaces from your word processor of choice, massively boost the text size, and take a close look at the serifs. You will see there is a lot of detail in the serifs and subtle differences between serifs from different typefaces, none of which makes it to the screen at even medium text sizes.

    17. Re:I have to say by wbean · · Score: 2, Insightful

      I used to be in the publishing business and we would never use sans-serif type in the body of any substantial piece of type. They are much better restrited to headlines. Many - not all - people find it much harder to read. Big blocks of sans-serif type make my eyes wander; I just can't read them.

      If you don't believe this go look in a library or bookstore. You will find very few books set in sans-serif. People don't buy them because they are hard to read.

    18. Re:I have to say by lpcustom · · Score: 3, Insightful

      How about just give us the ability to change the page style under View...Page Style...????I've seen this done via the slashcode website before.

      --
      Beer! It's what's for breakfast!
    19. Re:I have to say by colmore · · Score: 2, Insightful

      Designers should have some flexibility with the display of text. Proportional sizing is a good compromise, far better than the much more common practice (I'm guilty here too) of just overriding things completely.

      --
      In Capitalist America, bank robs you!
    20. Re:I have to say by NikZane · · Score: 2, Informative

      Dude... the left-hand menus *are* collapsable on the new design. So is the login menu.

    21. Re:I have to say by altstadt · · Score: 2, Insightful

      Or, rather, 8 pixel high sans-serif fonts are in fashion now.

      Are all the "web designers" aiming for people running 640x480 screen sizes? The winner is close to illegible at 1280x1024 on a 19" CRT.

  2. Ugh by donutello · · Score: 2, Informative

    Blocky, too much wasted space and those same colors.

    --
    Mmmm.. Donuts
  3. Well done by KevMar · · Score: 4, Interesting

    That is a very crisp look. it still feels like slashdot, just fresh.

    --
    Im a gamer, not a grammer major. This post is full of spelling and grammer mistakes.
  4. Congrats! by Daveznet · · Score: 3, Insightful

    Id just like to congratulate Mr. Alex Bendiken on a job well done and that his design was also one of my favorite designs throughout the contest. I cant wait till the design is rolled out onto the live server.

    --
    GL HF!
  5. I, for one... by DebianDog · · Score: 5, Funny

    Welcome our new CSS overlord, Alex Bendiken.

    1. Re:I, for one... by From+A+Far+Away+Land · · Score: 3, Funny

      But does he run linux?

      Imagine a Beowulf cluster of Alexes designing CSS templates for the web.

  6. Nice, clean, simple. I like it. Guess I'll by one_shooter · · Score: 5, Funny

    steal it. Thanks.

  7. Phew by Alioth · · Score: 4, Insightful

    Many of the entries were just too busy and distracting, or very Digg-ish (i.e. looked like a soul-less link farm). The winning design IMHO doesn't muck with things too much, but gives an aesthetically pleasing facelift to Slashdot. The only problem I could see with it is that the "Slashdot" logo (presumably should appear in the upper left) didn't show up on any browser I tried.

  8. It looks... by Odin_Tiger · · Score: 3, Insightful

    It looks nice, I guess. But I really like slashdot as-is. Biggest complaint is the new location of the 'Read More...' link after stories. I'll be searching for it for a month or two before I get it down to muscle memory like the current one.

    --
    Unpleasantries.
  9. New, harder to read version by Animats · · Score: 2, Insightful

    Yuck. The main body text is in a sans-serif font. Hard to read.

    1. Re:New, harder to read version by ems2 · · Score: 3, Insightful

      Agreed. Check out the print css it is horrible. At least hide the login box with it!

    2. Re:New, harder to read version by JMemmert · · Score: 5, Informative

      *chuckles* Quite the contrary. Or maybe not.
      It seems that people have a much harder time reading sans-serif fonts on paper than serif fonts. On the computer screen, however, the opposite applies.
      Here's a study about it http://www.wilsonweb.com/wmt6/html-email-fonts.htm (Google is your friend).
      And this is a quote from the Wikipedia http://en.wikipedia.org/wiki/Serif#Usage:
      "The coarse resolution of computer screens has caused a reassessment of the role of serifs in readability, with a large percentage of web pages employing sans-serif type for body text. Fonts with hinting information, anti-aliased rendering and the ClearType rendering technology has partially mitigated these concerns, yet the basic problem of coarse resolution--typically 100 pixels per inch or less--continues to impose strict limitations on readability and legibility on-screen." And yes, in the end, it boils down to personal preferences.

    3. Re:New, harder to read version by hackstraw · · Score: 5, Interesting

      Yuck. The main body text is in a sans-serif font. Hard to read.

      Wow. I didn't realize that, but this is not even "in production" yet, and I'll say that when I first looked at it, I thought -- WOW! This is how Slashdot should look!

      I think its very clean and nice, and just looks slick. Personally, I still believe in the sans-serif fonts for headlines and section headings and whatnot, and serif fonts for body as well, but many if not most of the online news sites are pretty much using san-serif fonts all over the place. Its trivial to make this an option for those of us who are registered users (hint, hint).

      The only other issue I have with the design is that in my browser, Safari, there are alpha-channel issues with the bottom two grey rounded corner areas. I'm assuming these are PNGs here with an alpha channel.

      But otherwise, I think this is very clean and beautiful. I can't wait until that Thursday when this gets thrown out on us!

      Kudos for Slashdot for opening this up, and kudos to the guy that did this. If I needed a web designer, I would definitely ask you if you were interested in helping me out.

      The original CSS overhaul was not that significant, except that it added div tags and whatnot for the addition for a new CSS overhaul. This is definitely a work in progress.

  10. the preview version is missing images? by Edgewize · · Score: 2, Informative

    Compare the preview link to this PNG thumbnail from the author's website:
    http://summit.makalumedia.com.nyud.net:8080/wp-con tent/uploads/2006/05/slashdot.png

    The images for all the rounded corners appear to be missing.

    1. Re:the preview version is missing images? by Edgewize · · Score: 2, Informative

      Never mind, the slashdot server was just refusing to serve the images to me for some reason. It's fine. Please ignore the parent post!

  11. slashdotted prize by davidesh · · Score: 2, Funny

    here is a laptop you may promptly sell to pay for your bandwidth bill

  12. A small Criticism by Spinlock_1977 · · Score: 2, Insightful

    Just my 2 cents, but I think the use of a downward-pointing triangle on the left-most section headers is a poor choice. My natural tendancy (which may differ from yours) is to click on the triangle, expecting a drop-down menu. Instead, it does nothing in Firefox 1.5.0.3.

    --
    - The Kessel run is for nerf herders. I can circumnavigate the entire Central Finite Curve in a lot less than 12 parse
    1. Re:A small Criticism by gregbains · · Score: 4, Informative

      I'm using Firefox 1.5 up to date and clicking the triangles for me opens and closes sections.

  13. Re:It looks kinda like gnome by Valdrax · · Score: 2, Insightful

    I actually like the runner-up's design better. The winner's is simple and clean but blocky and unfriendly. The runner-up's has a more friendly feel to it. I guess it's all the sharp corners vs. the rounded ones.

    --
    If it's for-profit but free, you're not the customer -- you're the product (e.g., the Slashdot Beta's "audience").
  14. Light mode? by foo+fighter · · Score: 4, Insightful

    What about the light mode?

    I have Simple Design, Low Bandwidth, and No Icons checked in my preferences. This gives me a very streamlined, efficient way to read /. stories and comments. IMHO, it is the best way to view /. with no mess and a minimum of garish color schemes. The only thing it lacks is the Poll slashbox.

    The winner's entry doesn't show this view of /. and I'm worried that it'll be removed as an option.

    Please calm my fears! Tell me light mode will be part of the new look.

    --
    obviously no deficiencies vs. no obvious deficiencies
    1. Re:Light mode? by idonthack · · Score: 4, Informative

      Don't worry. The way those prefrences work is by removing stylesheets. The contest is to redesign the stylesheets. You won't be affected because you won't load them anyways.

      --
      Why is it that when you believe something it's an opinion, but when I believe something it's a manifesto?
  15. pink was best evr ! by prettything · · Score: 5, Funny

    i like this design but pink was best evr ! bring bak the ponies :) xx

    --
    bring bak the ponies!!
    1. Re:pink was best evr ! by Anonymous Coward · · Score: 2, Funny
  16. Not very Web 2.0 by shish · · Score: 5, Funny
    Where are the gradients? The rounded rectangles? The complete dependance on AJAX?

    Slashdot'll never catch up to digg at this rate :(

    --
    I mod down anyone who says "I will be modded down for this", regardless of the rest of their comment
  17. Lipstick on a pig by ruiner13 · · Score: 3, Insightful

    Looks to be the same to me, save a smaller harder to read font. A lot of other entries looked a lot more pleasant (no, I didn't submit, so I'm not bitter). I know Taco wanted the site to be different yet the same, but I think this is far too much on the "same" path. Not all change is bad, Taco.

    --

    today is spelling optional day.

  18. Re:Changes? by xbradlyx · · Score: 2, Insightful

    I wonder if Peter's design going to be used as-is, or if Taco will make a few tweaks to it first. For example, Alex's design incorporates quotes as separate, indented paragraphs. Slashdot not only lacks this capability today, but Taco himself pointed out that it is not feasible given how much the quotes and editor comments tend to be mixed. Perhaps he's changed his mind?

    Seperating the quotes does not require a change in the page structure. Right now all quotes are already in italics, so all he had to do was re-define the italics style with a border and some padding on the left.

    -bradly

  19. Hoping for something new by TheSkepticalOptimist · · Score: 5, Insightful

    No offense to the design winner, but too often CSS styles websites just end up a bunch of gradient filled rounded corner boxes. Its like the CSS community thinks with one brain cell. The collapsing side menu is a nice touch though. I would hope that the state of the menu will persist between sessions. Having something collapse or expand is annoying if it resets on every visit to the page (i.e. no point in offering it then). Also, I hope you bring back the running tape of the last few article icons at the top of the page. At a glance I can decide if I should bother to read slashdot or wait for an interesting icon to appear first.

    Overall though, it is only a cosmetic change to Slashdot, and I don't think there is any reason why Slashdot cannot start adding theme support to their website. Why fixate on one theme? Why not take the top 5 designs and offer them in the preferences. That IS of course the beauty of designing a website with CSS. With one change of the CSS link, you can have your website easily look completely different.

    --
    I haven't thought of anything clever to put here, but then again most of you haven't either.
  20. not that pretty.. by nuzak · · Score: 4, Informative

    But at least it's using CSS throughout, so it can be customized more easily. The current CSS use is quite haphazard, so while this new look isn't very impressive on the surface, it's a vast improvement underneath.

    --
    Done with slashdot, done with nerds, getting a life.
    1. Re:not that pretty.. by Shai-kun · · Score: 2, Informative

      Actually most of Peter's html consists of newlines. Remove those (and other useless whitespace) and you end up with about the same amount of characters in both.

      --
      ...or so I've been told.
  21. Please don't force a font on us... by bziman · · Score: 2, Insightful

    Some of us have a real hard time reading sans-serif fonts. I also like the existing soft edges a lot better than the harshness of the new design. But like everything else in this world, no one seems to give a damn what I think.

  22. Too Busy by corby · · Score: 5, Insightful

    This design is too busy and too dense. You need to put some more whitespace in here. It is hard to focus on just the story summaries, for example, without feeling encroached on by the other elements.

    Also, News for Nerds. Stuff that Matters is too tall and thin. It is difficult to read and distracting.

    I wish we had something a little more fresh. This design it a little too loyal to the legacy design.

    I do appreciate the move to Sans Serif fonts, however.

    1. Re:Too Busy by corby · · Score: 4, Interesting

      I looked again, and I can pinpoint the problem better now. The story summary text is the same font size as the menu text on the left and right sidebars. This is what is causing it to all kind of run together, and be painful to read.

      As a contrast, look at the runner-up design, which got this right. It is easy to differentiate between, and focus on, any of the page layout sections.

    2. Re:Too Busy by Solokron · · Score: 2, Interesting

      I am going to have to agree with this. The runner-up looks a bit superior and more pleasing to the eye. A multi-million dollar company and the guy gets a simple laptop and gift certificate for the facelift of the Slashdot website? Although nice compared to most contests and effective obviously, I would expect a little more. I suppose its' weight in gold comes in listing it on a resume.

      --
      30% off web hosting. Coupon code "SLASHDOT".
  23. Thumbs Up by Detritus · · Score: 4, Insightful

    I like it. It has a nice clean look. I'm glad too see that the italics and serifs are gone. They are hard to read on many displays.

    --
    Mea navis aericumbens anguillis abundat
  24. Re:We all want to know! by Anonymous Coward · · Score: 5, Funny

    P-P-P-Powerbook!

  25. Re:Where? by mizhi · · Score: 4, Informative
    Ok, I give up. Where's the collapsable sections??
    You have to click the section headers (don't click the Vendors link). It doesn't give you a very good indication that there's any sort of functionality hooked into those headers.
    --
    Humorless sig goes here.
  26. Re:I just redesigned my house. by wetfeetl33t · · Score: 2, Insightful

    When it comes to web design, you don't always want to come up with something really different. In this case, Slashdot wasn't broken, and he decided to not fix what wasn't broken. He redesigned it just enough to make it something new and improved, but not enough to make it so different that people will feel uncomfortable with. To extend the house analogy, when redesigning your house, you would want to stick with something similar to what you're already comfortable with.

    --
    Register the editry.
  27. I agree. The runner-up seems FAR better. by Richard+Steiner · · Score: 4, Insightful

    My main concern, though, is that these "advanced" interfaces are making Slashdot harder and harder to read in browsers like Links. It used to be totally text-browser friendly, but that is no longer the case. Sad for a so-called techie site...

    --
    Mainframe/UNIX Bit Twiddler and long time Windows/Linux Hobbyist.
    The Theorem Theorem: If If, Then Then.
  28. Re:And I have to say... by timalewis · · Score: 5, Funny

    No title. Less slick than Kuro5hin. Lame.

  29. Since Nobody Really Even Saw My Design by canadianguy33 · · Score: 2, Interesting

    Here it is in all of its incomplete and incompatible glory. http://jiggit.com/slashdot/newSlashdot.htm Congrats to the winner.

  30. good work! by blindd0t · · Score: 2, Insightful

    Personally, I feel the design was quite well thought-out. Here's what I noticed:

    • The subtle gradients and rounded corners add some graphical zing while maintaining a simple, clean, and familiar look.
    • While some may complain about "wasted space," I must argue that the additional padding makes things easier for me to read and find.
    • The search bar at the top - it's 'bout damn time! I know it is a community of savvy individuals, but how many people scroll all the way down the page when looking for the search box? Clearly, one could hit the end key on the keyboard, but still, I think it should be more prominent being that it is a useful navigational tool, so I'm very happy to see it in that new design.
    • The gray bar with functional links (i.e. log in, create account) is great, as it sets the functional links apart from topical links on the left.

    Here's what I think could be improved upon:

    • A more prominent RSS link would be nice, as it is tucked away at the bottom. I admit I don't have any numbers in front of me, but I suspect a good deal of the /. community uses this feature.
    • As a frequent visitor to /., I often find myself looking for articles from the previous day (say, an article from the weekend which I would like to share with a co-worker). It would be convenient to have a "Yesterday's News" link at the top of the page

    I understand that this is how things are on the current site, and simply persisted in the new graphical makeover.

  31. No Yelling by BlueFiberOptics · · Score: 2, Insightful

    Can we get rid of the all uppercase Slashdot slogan? "NEWS FOR NERDS. STUFF THAT MATTERS." I don't want to get yelled at everytime I go to Slashdot. Just make it normal "News for Nerds. Stuff that matters."

  32. Let people choose by houghi · · Score: 5, Insightful

    Why not have a selection of different CSS styles to choose from when you are logged in? That way people can select themselves what they like most.

    --
    Don't fight for your country, if your country does not fight for you.
    1. Re:Let people choose by noidentity · · Score: 2, Interesting

      "Why not have a selection of different CSS styles to choose from when you are logged in?"

      More code to keep maintained and fix bugs in?

  33. Turn in Slacker Credentials at the Door by bill_mcgonigle · · Score: 5, Informative

    absofuckinglutely stupid unless you're blind and using a screen reader

    You greatly underestimate how much like Work Slashdot looks in an 80x25 terminal with amber or green on black text.

    --
    My God, it's Full of Source!
    OUTSIDE_IP=$(dig +short my.ip @outsideip.net)
    1. Re:Turn in Slacker Credentials at the Door by bill_mcgonigle · · Score: 2, Funny

      nice. Makes me blind, but nice. :)

      --
      My God, it's Full of Source!
      OUTSIDE_IP=$(dig +short my.ip @outsideip.net)
  34. Let us choose without signing in by radarsat1 · · Score: 2, Interesting

    I often read slashdot without signing in, doing so only for making posts.
    Partly because it's more convenient, partly because.. you know, I don't always want to be signed in.

    There's been a few comments about minor preferences, such as whether the body uses serif or sans-serif. These kind of things should be easily customized without having to sign in.

    So: It would be nice if there was a way of choosing a style sheet or changing minor preferences by specifying it in the URL, so I could simply bookmark it. For example: http://www.slashdot.org/?style=ponies&font=serif

    I mean, would it be THAT hard to do?
    I see why it's necessary to choose a good, simple default design, but it would be fantastic if it was possible to bookmark your favorite stylesheet this way, being able to choose from a large catalogue of people's designs. Imagine every user could register designs and you could choose someone's stylesheet by specifying it in the URL: http://www.slashdot.org/?style=user_radarsat1

    That way people would be submitting new designs all the time, it would be a great way to generate some creativity on the site.

    I dunno..
    Anyways, just an idea.

  35. Nice... but big. by strredwolf · · Score: 2, Interesting

    I've seen the two designs that came one-two... and they're not quite space efficent.

    Take the winner and compare with the origional. The origional is tight... some say too tight. There is little or no spacing around the non-story text (titles, menus, etc).

    The winner is very like the origional, except that the spacing around the titles, menus, basically everything that isn't story text, is very loose. The spacing is much much larger, and wastes screen estate IMO. It's unfortunately also rather plain, plainer than the origional.

    Now take the runner-up. It takes all the browser width, which is popular in most sites now. It has a better spacing around the non-story text, but still could use some tightening up. It also looks much better -- it has the shiner look.

    I think being tighter (more like Google's GMail) yet stylish, will help.

    --

    --
    # Canmephians for a better Linux Kernel
    $Stalag99{"URL"}="http://stalag99.net";
  36. Why not UTF-8? by giafly · · Score: 3, Insightful
    I like it - good looking design.

    • But why "charset=iso-8859-1"? Wouldn't UTF-8 give better World Language support?
    • Why pngs and gifs?
    • No behaviors?
    • And it's a long time since I saw script without error trapping.

    You guys have obviously never been hacked.
    --
    Reduce, reuse, cycle
  37. Re:I just redesigned my house. by yagu · · Score: 2, Interesting

    All true. I wasn't necessarily lashing out. I sometimes am frustrated by attention to things, as you put it, "not broken".

    So, when there are things potentially needing fixing I'd rather see energy spent there. I haven't gotten mod points now for well over two years. Turns out, after being laid off from a job of 21 years, my available extra time to be MORE active on slashdot pushed me past +1 sigma in the slashdot activity -- slashdot picks modders from the norm.

    Considering I do alright in my karma, etc., I think the modding system is broken (and there is evidence many others think so) and wish they'd redesign that.

    (The telco that laid me off (sorry, can't give any clues in your qwest to guess which one) -- I was on the team that created their public facing web page. I can't begin to describe the discussions, time and energy spent over things like "this button is a little to brownish, it needs to be more yellowish". I was always the iconoclast, fighting to work on logic, database issues, but everyone wanted to be an artist.)

  38. Re:Where? by moresheth · · Score: 3, Insightful
    Right.

    To the creator of the new design (in case he reads this): a "cursor: pointer" style would be nice, and possibly a hover attribute on the tag that has the section name, for those without internet explorer.

    Everyone loves some sort of visual cue.

    Looks good though.

  39. Buttons look cramped in Opera 9 beta 1 by MagicM · · Score: 3, Informative

    The text on the buttons looks a little cramped in Opera 9 beta 1. screenshot

  40. Re:We all want to know! by daveschroeder · · Score: 2, Informative

    From the original article: "The winner will get a fancy laptop. We haven't picked the exact one yet, but it's going to be a good one- we're not cutting corners. You'll be able to choose from a MacBook Pro or else a bleeding edge Alienware laptop. We'll pick the specs when we pick a winner so you get whatever is supremely awesome, but valued up to US $4500. We'll also be offering a $250 runner up prize."

  41. Re:I agree. The runner-up seems FAR better. by fossa · · Score: 4, Interesting

    Changes in the CSS shouldn't affect in any way what you see in Links (assuming Links doesn't do much with CSS... haven't tried it in a while. w3m 4 life!!). Of course, some html changes were made it seems, but it looks mostly the same to me. As a frequent text browser user, the main thing that bugs me about slashdot is the glut of links that precede the main body. I don't care to scroll through those links every time.

    Looking at the new design (out of text browser land), I will say it's slightly prettier than the current design. However it doesn't seem any more readable and abounds with 1 + 1 = 3 noise in the same way the current design does. People have been reading newspapers for ages, yet newspapers don't make every heading a heavy contrast stripe across the entire page or sharply delimit every margin... Is it because ink is expensive or because ink is distracting? I also would have liked an off-white background and unspecified font size and style of the main text for readability's sake. In my own modest web designing (home pages and such), I've come across a good rule of thumb: if the page is more readable in lynx, links, or w3m than it is in Firefox, then it needs work. The current slashdot is pretty darn readable in a text browser once you get past the ton of links at the top. I can't say I saw any CSS redesign entrants that improved upon that for readability. (Now if I was hanging slashdot on my wall, I might prefer one of the CSS redesigns... but I'm not; I'm reading it)

  42. Judging by the comments...he got it right by gevmage · · Score: 4, Insightful
    Reading through the comments on this forum so far, looks like Rob got it right. About 1/3 like it a lot, about 1/3 think it's good but they're reflexively resistant, and about 1/3 sounding like country music singers and how they "long for the old one". :-)

    Rob didn't want something radical, he wanted an updating of slashdot itself; similar, but better. For everyone here who thinks it sucks and how dare Rob do something this screwed up to "your" site, go make a site and for your own community there! That's what Rob did 10 years ago.

    --
    Craig Steffen
    http://www.craigsteffen.net
  43. Re:Where? by geekoid · · Score: 2, Insightful

    If you ahve to explain where the collapsable section is, it is not a good lay out.

    --
    The Kruger Dunning explains most post on /. http://en.wikipedia.org/wiki/Dunning%E2%80%93Kruger_effect
  44. Re:Where? by sehryan · · Score: 2, Informative

    "It doesn't give you a very good indication that there's any sort of functionality hooked into those headers."

    You mean, aside from the arrows?

    --
    The world moves for love. It kneels before it in awe.
  45. What is the comparison? by ianscot · · Score: 2, Insightful
    Other than trolling for Mac fanboys, what are you talking about?

    I'm honestly seeing no comparison to the Mac OS. Have you had any exposure to or experience with the Mac OS at any point? 'Cause I have, a few different times, and this design has precisely zero to do with anything Apple makes... Is it their Web site, which also uses a controversial white background? Or what?

    --
    "Fundamentalism" isn't about divine morality. It's about human authority.
  46. the ultimate design-by-committee by beaverfever · · Score: 2, Insightful

    Putting a re-design to a vote of Slashdot readers would be the ultimate example of design-by-committee, and would therefore result in the ultimate in useless, unreadable, un-navigable websites.

    In my opinion, the second place entry is miles away from the first place, and quick frankly, rather poor. There is little contrast - everything just kinda blends into one... one blegh. It certainly looks as if it were designed by an engineer, not by a graphic/UI person - perhaps engineers like to look at the website equivalent of pudding all day.

    If that was second place, I dread seeing those further down the line.

    The redesign chosen is definitely an improvement over the current look.

    1. Re:the ultimate design-by-committee by Bloke+down+the+pub · · Score: 5, Insightful
      Putting a re-design to a vote of Slashdot readers would be the ultimate example of design-by-committee, and would therefore result in the ultimate in useless, unreadable, un-navigable websites.
      No it wouldn't.

      Putting each individual feature of possible designs to an individual vote might.

      --
      It's true I tell you, feller at work's next door neighbour read it in the paper.
    2. Re:the ultimate design-by-committee by sexyrexy · · Score: 4, Interesting

      The first and the second are both excellent studies in slightly different information philosophies. If you imagine a spectrum of importance on which all information must fall, 0 being not at all important, and 10 being extremely important, then typically in a good design the visual accessibility of each piece of information will be proportional to the level of importance it is assigned. 10-items (headlines, etc) should be highly accessible visually.

      The winning design simply shows that the designer believes all information on the slashdot page falls between a 6 and a 10. The second design has a much steeper curve - headlines are a 10, but immediately drops off into the 4-7 range. The visual accessibility curve should always be influenced by both form and function (aesthetics and purpose), but ultimately saying the design is "poor" is a purely subjective, personal view. From technical design, color theory and 2-D theory standpoints it is really quite good. Just not necessarily the best match for slashdot's function.

      --

      Rex is 09 F9 11 02 9D 74 E3 5B D8 41 56 C5 63 56 88 C0
    3. Re:the ultimate design-by-committee by beaverfever · · Score: 2, Insightful

      saying the design is "poor" is a purely subjective

      No, saying the design is poor is taking the things you mentioned into consideration, such as the form and function, and determining that the design performs poorly in both cases; therefore, the design is poor. It's not subjective - UI has been studied out the wazoo, and colour theory too. This is only Slashdot - I'm not going to submit a rationale.

      I'm a bit surprised someone would say the second design is good from a colour theory standpoint. It is pasty green and white (and weak white type on the pasty green - ugh!), with paler green, almost invisible grey and more white for accent. At least the first beefed up the green and threw in black and meaningful shades of grey to provide some differentiation, and therefore provide elements to focus on (levels of importance).

      I wonder how slashdot looks to the many men with colourblindness? Grey grey grey and grey - perfect!

      I also wonder if any usability studies were done with these entries. I don't really care (it's only Slashdot), but I'm curious.

  47. Re:Where? by Thuktun · · Score: 2, Informative

    You have to click the section headers (don't click the Vendors link). It doesn't give you a very good indication that there's any sort of functionality hooked into those headers.

    To many, this is an indication of bad design. (See affordance.)

    Of course, the "bad" in this case refers to usability for new users, not to the visual appeal of the page. The former often takes a second seat to the latter.

  48. my fonts my fonts by Anonymous Coward · · Score: 2, Insightful

    Please just use the user's default font and font size! pleeeeease! That's one thing I always liked about slashdot. There is really no need to screw with the fonts.

  49. "read more" link by usquared · · Score: 2, Informative

    Regarding the "read more" link: it is too far to the right. I have to move my mouse like 7 inches to reach it.

    1. Re:"read more" link by Solder+Fumes · · Score: 2, Informative

      100% agreement here, move the Read More link back to where it was. On my 22" monitor I have to move at least 12 inches to get from the sidebar to the Read More link.

  50. Winner vs Runnerup by Cryptimus · · Score: 2, Interesting

    I have to agree with some earlier comments. The runnerup is far superior. Less busy, more compact, streamlined and just plain easier on the eyes.

        Heck, why not just skin the site? It's CSS right? Which means content is divorced from layout. So why on earth would you not just implement both and let us choose? I'm sure most of us are using browsers which support it, you wouldn't even need to implement switching on the site itself.

        An inability to do this would tend to suggest that CSS is not exactly being used well here.

  51. I guess.. by solidtransient · · Score: 2, Insightful

    I'm in the minority of people who actually likes the design and looks forward to using it. Way to go!

    --
    firestream.net
  52. That's the whole point by fm6 · · Score: 4, Insightful
    If the new CSS support is any good, Slashdot should work better in text-based browsers. The whole point of using CSS is to separate content from presentation. That makes it possible to take the same page and display it sanely on a GUI browser, a text browser, a PDA...

    The purpose of CSS is not to make pages pretty. It's to make pages portable.

    1. Re:That's the whole point by Issue9mm · · Score: 2, Insightful

      And if they don't understand the CSS, they'll ignore it, which typically means that (assuming correct CSS), it saves time by not downloading useless crap that their browser can't use anyway.

    2. Re:That's the whole point by fm6 · · Score: 3, Insightful
      If by "useless crap" you mean overhead due to eye-candy graphics, you're wrong. I just tried looking at the new design with CSS disabled. (This is a feature of Firefox's Web Developer Extension, which no serious HTML author should be without.) I basically saw everything I saw with CSS enabled, but without the fancy formatting. Really, the people who get saved from "crap" are the people with CSS support, since they get the eye-candy without the overhead of graphic file download.

      The designner obviously didn't do this check, or else he would have noticed that the <div> containing the left-hand sidebar gets displayed first, making the user do a lot of scrolling to get to the actually content.

    3. Re:That's the whole point by fm6 · · Score: 2, Informative
      he designner obviously didn't do this check, or else he would have noticed that the containing the left-hand sidebar gets displayed first, making the user do a lot of scrolling to get to the actually content.
      Correction: the designer did see this issue. There's a link that scrolls past the sidebars that's only visible when you use the PDA styles or no styles at all.
  53. Are you nuts ? by bigmouth_strikes · · Score: 2, Insightful
    Here's a crazy thought. How about allowing each user to choose which way they want to see it. Slashdot could jump to the forefront of web-technology and market this ability as something totally new and original and come up with a new name for it like "skins" or "themes". They already have a "preferences" page.


    What do you think this is, 1999 or something ?
    --
    Oh, I can't help quoting you because everything that you said rings true
  54. Re:I agree. The runner-up seems FAR better. by FireFury03 · · Score: 3, Informative

    I don't see why it would be difficult to have multiple versions of the site, one of which could be a text browser-friendly one (didn't there used to be a twin page like that?).

    Having multiple versions of the site starts to become a administator's nightmare because of the overhead of keeping all the various versions working. Less of a problem when the content is all pulled from a DB like Slashdot is.

    But this is what XSLT is for - serve up the content in XML and have the browser apply the XSLT stylesheet client-side. This has the added side effect of reducing bandwidth usage since you're not shifting the styling and layout data over the network every time the page is loaded.

    The icky problem with XSLT at the moment, is that whilest all the mainstream browsers (even IE) support it, there's no way for the server to tell whether the browser is capable since there is no header the browser is required to set if it is.

    In any case, if your web site doesn't work in both modern browsers and text browsers then you must be truely clueless when it comes to web design.

    Use elements that are applicable to the *type* of content (i.e. tables are used to output tabular data, not to position random stuff on the screen. Menus can be presented as unordered lists, etc.). Then style those elements to give you the visual effect you need. Text-only browsers can discard the styling data and they still get to see the content - the correct use of elements gives the browser good hints as to how to display the data. Small-screen devices such as PDAs can select a different stylesheet.

    And if you're expecting everyone to have Javascript then your site is very badly broken - Javascript-only features cause serious usability problems (for example, they may force someone to open something in a pop-up window when they don't want to). Javascript is an *enhancement* - build your site without it and then if you want to add *optional* enhancements then write some Javascript that modifies the DOM tree to add hooks to the right elements.

    Interestingly, if your corporate website doesn't meet the W3 accessibility guidelines then (depending on your location) you may be breaking the law - many parts of the world have laws that prevent businesses from discriminating against the disabled. These often extend to corporate websites and large organisations have been sued for sizable chunks of cash for ignoring these laws.

  55. Accessibility: two simple suggestions. by alasdair · · Score: 2, Interesting

    Looks great - to me, with good vision. But can't Slashdot seize the opportunity to improve the accessibility of the site for blind fellow geeks?

    Looking at the HTML, here's two really simple things that would really help:

    1. A skip links link at the very top of the page code: there are long, long stretches of forms and links to plough through if you can't see the main content in the center of the screen and have to go through it line by line.
    2. Use the LABEL elements properly: they're not for layout as such, they're for indicating what bit of text is associated with with form element. They're used in some places - but they're broken! What's the point of getting rid of tables ("They're, like, confusing content and presentation!") and then using broken CSS (FIELDSET elements with blank LEGEND child elements and unattached LABEL elements used, erm, for presentation)?

    I develop a free web browser for blind people called WebbIE) but I think these suggestions would help JAWS and WindowEyes screenreader users, IBM Homepage Reader users and everyone with non-visual browsers. How about it? Show everyone how it should be done!

  56. Downplaying the original CSS redesign by Laebshade · · Score: 4, Insightful

    You're downplaying the original CSS redesign. Before the redesign, Slashdot was not anywhere near CSS/HTML spec compliant. The redesign accomplished 2 things:

    - pages load faster due to smaller pages
    - seperated most of the styling from the content (CSS)
    - easier to maintain/modify

    Don't downplay the original CSS redesign. While the front look may have not been altered much, a lot of changes went on behind the scenes.

  57. Re:I agree. The runner-up seems FAR better. by FireFury03 · · Score: 2, Interesting

    oh FFS - text based browsers in 2006?

    absofuckinglutely stupid


    Why is it stupid? I frequently use eLinks because it's a whole lot faster than firing up a graphical browser (why exactly do I need graphics in order to read text news stories?).

    I've also found myself using Elinks in an 80x25 console on a machine while waiting for it to install a Linux distro - it certainly helps pass the time. Not to mention those times when I've had to go searching for drivers/configuration/whatever which I needed in order to actually get a GUI (how many people do you think use eLinks to hit nVidia's website and download the drivers?).

    Next you'll be telling me that reading mailing lists in PINE instead of using web forums is "absofuckinglutely stupid" because clearly the fact that it lets me read the interesting posts 100x faster than a forum is pointless, right?

  58. Re:Where? by hackstraw · · Score: 2

    In re collapsible sections, just realised you need not to be blocking Java, if you're using a browser with that capability.

    I don't enable java by default, and it works fine for me.

    Maybe meant JavaScript?

    Big difference. JavaScript is OK (its part of the web), Java and other plugins are not.

  59. Re:Teen Girl Squad: by WilliamSChips · · Score: 3, Funny

    ARROWED!

    --
    Please, for the good of Humanity, vote Obama.
  60. The winner's design is missing a lot by nahorniak · · Score: 3, Insightful

    When I look at the winning design by Alex Bendiken, I can't find any portion of it that has been done better than Peter's. The nesting menus on the left aren't nearly as smooth, and the text size is the same as the article text, so everything seems to blend together. I commend Alex for attempting to make teal look trendy again, but he has failed. Peter's color choice, although only slightly lighter, makes all the difference. Differentiating between separate sections of the site is extremely easy as well. It is obvious that Peter put a lot of thought into simulating real-world readership when he designed his layout. As far as content delivery goes, Alex's design floats boxes and dumps content in. Peter's is much more polished, with slight accents between copy shifts. This makes the right things stand out where they should. He even included a lovely box for the new tagging system, which is completely absent from Alex's design. The Slashdot people need to create functionality for users to pick their primary content layout from a list. After all, one of the main advantages of CSS is the ability to completely change the design of a site with just one click from the end user. I guess we can't expect much from a judge who's homepage looks like it's frozen in 1993.

    --
    P.S. This is what part of the alphabet would look like if Q and R were eliminated.
  61. Idea stealer!!! by scovetta · · Score: 2, Informative

    That idea was good when I had it too, but apparently all we get is applause, and some references to using a Firefox extension.

    And I still think it's a great idea.

    --
    Wer mit Ungeheuern kämpft, mag zusehn, dass er nicht dabei zum Ungeheuer wird. --Nietzsche
  62. Re:Problem in Konqueror by Anonymous Coward · · Score: 2, Interesting

    Collapsing the left sidebar works in my Konqueror 3.5.1. HOWEVER, I found out that the left sidebar gets out of whack if you increase the font size. You need to collapse and uncollapse a section to make it look right. Conversely, shrinking back the font size after that produces empty space in the sections.

    It also looks weird that on the default font size headers and article texts are of an equal small size for me. This is (obviously) not good for usability. I determined that that's because the article text has been set to a fixed value that would be ridiculously small on my screen (1280x1024 pixels and 17") and therefore triggers the minimum font size setting. Font sizes set as pixels are a Bad Idea(tm).

    - (Normally) a lurker

  63. Re:I agree. The runner-up seems FAR better. by Richard+Steiner · · Score: 2, Informative

    Nope. I dropped lynx years ago. Links is a completely different text-based browser that shows things like tables and frames in a proper way, which makes some attempt to match text colors, and which (in some variants) also has a GUI display so images and other things are present just like they are in the Big Boys.

    Here's an example of www.osnews.com being viewed by Links via PuTTY on a SunOS server:

        http://www.visi.com/~rsteiner/links.gif

    and the main project site is here:

        http://links.sourceforge.net/

    I've personally used Links under OS/2, Linux, and Solaris with some regularity, and also on BeOS from time to time. It's a really nice browser for what it does. Except on Slashdot.

    --
    Mainframe/UNIX Bit Twiddler and long time Windows/Linux Hobbyist.
    The Theorem Theorem: If If, Then Then.
  64. One SERIOUS problem... by evilviper · · Score: 5, Interesting

    I have just one serious complaint with the winner... The center column, which is the IMPORTANT part of the site, gets very, very badly smashed if your browser window isn't full screen-width, while the other 2 columns are full-width. Big mistake!

    eg.: http://img187.imageshack.us/img187/7969/slashdot0f r.png

    Fix that one issue, and I won't complain much. It will be a big improvement over traditional /. and much better than the runner-up, IMHO.

    Two minor things though, if anyone is interested:

    Many others have already said it, and I agree... There's just too much whitespace around everything. The nav-bar and slashboxes at the sides are twice as tall now, for no good reason. Having 50% whitespace doesn't look good... Not at all.

    Please make it a somewhat different color. The "dark-green into black" gradient is very hard on the eyes, and doesn't fit in with the white page anyhow. Either start from a much lighter green, or make it a gradient to white (or grey, or yellow, or anything else that is NOT BLACK!).

    --
    Slashdot gets worse every day... Pipedot: News for nerds, without the corporate slant
    1. Re:One SERIOUS problem... by AdiBean · · Score: 2, Interesting

      I will agree heartily with the parent post and add that there is another way to mash the center (and most important) column. Keep your browser in full screen, and then increase the size of the font. I use Firefox, so I can do this with the mouse wheel ... and for those of us whose eyes are not so young any more, it is one of my favorite Firefox features. Anyway, as the font gets bigger, the left and right columns get bigger. Bet they are specified in 'ems' !! This is not an uncommon problem amoung CSS laid out sites, and I would love to see it fixed on Slashdot. Doing the left and right column widths as percentages would fix both this and the parent poster's problem.

  65. nice but... by SebNukem · · Score: 2, Interesting

    The winner did a great job but I like the runner up so much better. All the underscored links look ugly.

  66. Re:I agree. The runner-up seems FAR better. by Tim+C · · Score: 3, Insightful

    Is it because ink is expensive or because ink is distracting?

    I'd imagine that it's a little of both. Don't forget that major newspapers will be printing hundreds of thousands or millions of papers every day; all that ink is going to add up over the course of a year.

    There are also other issues, of course - newsprint tends to come off on your fingers, so if there was a lot of extra cosmetic ink on the page, the readers' fingers would get that much dirtier (I know I hate how dirty my fingers get after reading a paper now).

    Finally, PCs are not newspapers. They have different design considerations, and so naturally lend themselves to different types of design.

    've come across a good rule of thumb: if the page is more readable in lynx, links, or w3m than it is in Firefox, then it needs work. The current slashdot is pretty darn readable in a text browser once you get past the ton of links at the top

    I'm not entirely sure what you're trying to say there - do you mean that the current page *does* need to be redesigned?

    Now if I was hanging slashdot on my wall, I might prefer one of the CSS redesigns... but I'm not; I'm reading it

    I know where you're coming from, but for me (and I suspect a lot of people), I tend to spend a very large proportion of my day staring at my monitor. What's on it had better be pleasing to my eye, and while plain text in a terminal window is definitely *usable*, it's not very aesthetically pleasing. That's a very subjective thing, of course, but my opinion would be the exact opposite of yours.

  67. Re:I agree. The runner-up seems FAR better. by FireFury03 · · Score: 2, Insightful

    You should try reading your journal entries yourself:

    Generally I hold slashdot users as a group more intelligent than the average person, so seeing bigotry - which is the direct manifestation of ignorance and immaturity - running around slashdot like wildfire was disturbing so say the least

    I think you've just made a prime example of yourself.

  68. Re:I agree. The runner-up seems FAR better. by Neologic · · Score: 2, Informative
    He probably wasn't referring directly to the bigoted part of your journal comment, again, you need to stop and think more deeply about things before posting, because it you are certainly not engaging your brain before using the keyboard (wasn't that something else in your journal?)

    Anyway, I think that he was referring to your comments about holding slashdot users as more intelligent than the rest of the population and that you were shocked to see immaturity and ignorance displayed here. The vehicle that was used to display the ignorance and immaturity is immaterial here. I think that he was just thinking on a deeper level than you....and if are shocked to see bigotry on display on slashdot, then you simply havent been here long enough.

    Congrats LordKazan, you have obviously made some fine friends today with your witty, erudite and insightful commentary on the subject of text browsers. I am sure that the slashdot community is now painfully aware of your knowledge of the subject. Now go away and post somewhere more appropiate, say perhaps myspace?

    --

    "I hate quotations. Tell me what you know." -Ralph Waldo Emerson

  69. Re:I agree. The runner-up seems FAR better. by fbjon · · Score: 2, Informative
    Perhaps you don't realise it, but there's a good reason why it's always recommended to have good lighting in the room when using a TV or monitor. This is so that the ambient lighting has the same luminosity as the screen, effectively turning this fluorescent assault of yours into the exact same relative brightness as that off-white book of yours.

    If you really have to sit in a dark room, then you should know how to turn the brightness down accordingly, also a recommended thing to do. The assault happens because of difference in brightness compared to your surroundings, not because of some arbitrary color on the screen.

    --
    True confidence comes not from realising you are as good as your peers, but that your peers are as bad as you are.
  70. If you REALLY want to read Slashdot at work... by patio11 · · Score: 2, Informative

    ... just mosey on over to www.ghostzilla.com, install it, and then put the browsing window in a contextually appropriate app window on your screen. My bosses totally don't care what I do on company time as long as I meet my deadlines, but if they did and I were feeling sneaky I might, say, integrate the window into an Eclipse panel...

  71. Re:what does give? by spindizzy · · Score: 2, Insightful

    As a user interface designer I'll put in my 2c. For me the runner up is significantly less polished and a much clumsier design. It is 'heavy' in parts and looks quite dated.
    The winner is much more subtle, makes more use of light and shade and will not age as rapidly.
    The runner up is more initially striking it would become tiring quickly. I feel the right choice has been made and looking at the code behind it, appears an elegant solution.

    --
    Quidquid latine dictum sit, altum viditur
  72. My website by rfrenzob · · Score: 2, Funny

    Fine! I'll get my own website! With blackjack and hookers! On second thought forget the blackjack. And the website.

  73. Tahoma not meant for body font use by einarw · · Score: 2, Insightful

    Tahoma as primary body font is a disastrous choice, particularly on CRT screens. The letters are generally spaced so narrowly that words are hard to read, particularly between letters like i and l ("million"). And there is no italic, so the normal weight gets forcibly slanted. Tahoma is intended for use in dialog boxes and menus, not body text and headlines.

  74. Just fix it was:Hoping for something new by bobs666 · · Score: 2, Informative

    Just install your own CSS. Forefox I did just that in Firefox. Read my journal for the details.