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.

19 of 882 comments (clear)

  1. I, for one... by DebianDog · · Score: 5, Funny

    Welcome our new CSS overlord, Alex Bendiken.

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

    steal it. Thanks.

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

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

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

  11. Re:We all want to know! by Anonymous Coward · · Score: 5, Funny

    P-P-P-Powerbook!

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

  13. Re:And I have to say... by timalewis · · Score: 5, Funny

    No title. Less slick than Kuro5hin. Lame.

  14. 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... ;)

  15. 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.
  16. 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)
  17. 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!

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