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.

26 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 DAldredge · · Score: 3, Insightful

      Changing the look is easier than improving the editing.

    3. 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.

    4. 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!

    5. 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!
  2. 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!
  3. 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.

  4. 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.
  5. 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
  6. 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.

  7. 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.
  8. 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!

  9. 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.

  10. 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
  11. 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.
  12. 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.
  13. 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
  14. 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.

  15. 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
  16. 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 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.

  17. 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.
  18. 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.

  19. 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.
  20. 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.