OpenBSD Journal

Do you like the new layout?

Contributed by mk/reverse on from the paul-weissman's-modern-web-technologies dept.

Yes 74.9% (492 votes)

No 13.9% (91 votes)

Yes and no (please comment) 11.3% (74 votes)

Total votes: 657

(Comments are closed)

  1. By almeida ( on

    I always in favor of CSS, so I'm glad you guys are moving in that direction.

    The indentation of comments in expanded mode could probably be a little bigger. Right now the indentation is a big too subtle.

    The pages look kind of bland without the story icons.

    Other than that, good work.

    1. By Anonymous Coward ( on

      it looks a lot crisper, generally nice. does need the story icons back though.

    2. By Mark Patterson ( on

      It looks nice. But there are a number of people adding comments like this: 明仁 梅雨前線
      Since I can't read unicode from numbers, being only a lesser geek-aspirant, to see what the author intended, I fired up my editor (TextMate), started a new html 4.01 transitional, and did a browse window on. Why not just use utf-8 on undeadly and show the characters as nature intended?

  2. By indeed ( on

    its ok, but the font...mmm...would rather stick to the current one

    1. By Simon ( on

      Agreeed, the fonts are to small. The new font looks nicer, on my box at least, but they are way to small.

      The "Comments", "Flat" and "Expanded" seems out of place. They shouldn't, because they are placed similar in the new and old layout, I think maybe it's because the font is the same as the one used for links in the news items. The same goes for the "Show thread", "Reply to this comment", "Mod Up" and "Mod Down", they look misplaced. The threading of comments looks weird again, it shouldn't, because it hasn't really changed.

      Making layout for websites i an ungrateful job, people will always complain. Really I find that the worst thing you can do is starting to define fonts, it will never look the same on every system. Just drop all the font stuff.

  3. By The Hyphen ( on

    The Hypens used to make lines, in turn used to create a square around the comments options, is ugly. Take that off the copyright notice at the bottom of the page as well.

    1. By Anonymous Coward ( on

      I'm with the parent. I like it in general, but hate the dashed line borders.

      1. By djm@ ( on

        I generally like it, but agree that expanded mode needs more indentation and the dashed boxes are ugly :) Maybe the font size is a tiny bit small too.

        1. By another Rob ( on

          I agree with these posts (and with the people who say put the cute images back) in addition:

          * the navigation links beneath comments are too intrusive (font size is too large, and those dashed lines...) I liked the old ones

          * the grey bar at the top of every page which contains the "search" box needs to be taller to fit in the search box (or move the search box back to where it was, it was fine...)

          * the vote counter / display (top of this page) is broken in so many ways (too wide, histogram not displayed correctly, border box looks silly)

          * we need an "older stuff" pane on the sidebar of the front page and more padding at the top of this sidebar

          Thanks for all the hard work you're putting into this, I look forward to seeing the final product!

  4. By knitti ( on

    I like css layouts out of principle, and also aesthetically this one is o.k., but it is rather broken in Opera 8. I know, each browser has it's very own implementation bugs, I just wanted it mentioned. Designing pages to look not broken in each of MSIE, Firefox and Opera is already very hard work. Not to mention Safari, Konqueror or such crude things as MSIE for Mac. So it's completely understandable, if no one takes the time to fix this (and I won't neither)

    1. By knitti ( on

      it is much better now

  5. By PC ( on

    I like quite a bit of it, the only thing I don't really like is the lack of images... I like the cute images per topic...

  6. By Anonymous Coward ( on

    I honestly hadn't noticed...

    1. By Nate ( on

      Nor had I.

  7. By m0rf ( on

    yes i like it, but i think the section icons should be incorporated into the new look (perhaps new icons?) with a div with a class like "hardware-icon", "news-icons", etc and background-image instead of img tags.

    perhaps add multiple stylesheets, some with more colour than the default grey on white.

  8. By jtorin ( on

    I would like some more padding in a few places, eg. above and under the text in the headers for stories and comments. Add a few pixels and I'm happy.

  9. By Anonymous Coward ( on

    I like it but I have a really small request. Any chance of removing the dotted border around some of the text items? Like in the main page, around the comment details. And then once you click on the comments there are mor dotted borders around all the comment options to reply, mod up or down and so on. Other than that awesome work!!

  10. By Todd T. Fries ( on

    I like the look, the fonts are smaller in konqueror, nice!

    The outline around the '30 comments : reply : flattened' looks rather out of place to my eyes, and strange.

  11. By mirabile ( on

    The CSS layout looks like a major regression in Lynx.

  12. By 0handle ( on

    I am always in favor of css .... but the new layout doesn't look that good
    in some browsers... (Safari etc.)

  13. By Anonymous Coward ( on

    I think there are too much dotted borders. And I think it's better to use definition lists for the OpenBSD Errata and the OpenBSD VuXML sideboxes instead of tables.

    1. By Anonymous Coward ( on

      And also I would use <h4> in the contribution class, and a <p> for the commentbody class.

      1. By Anonymous Coward ( on

        h4 for the the contribution class would be senseless as this is definately _not_ a heading. the problem w/ the

        -articlebody is that this would make it quite hard to use more

        s in the articlebody, let alone

        s and stuff.

        1. By Anonymous Coward ( on

          Yes h4 would be senseless if you use Firefox, but it would look better in screen readers. Another thing to make the site look better in screen readers is to add <hr style="display:none"> between the stories and comments.

          1. By Anonymous Coward ( on

            it is semanticaly senseless to use <h4>s for those, as these are just not headings

            what use are <hr>s for screenreaders?

    2. By Anonymous Coward ( on

      why should the errata and vuxml be <dl>s? these just are not definition lists, i think tables are semantically the best fit.

      1. By Anonymous Coward ( on

        Definition lists looks better in screenreaders than tables IMO. Example

  14. By emagius ( on

    Perhaps it looks wonderful in graphical browsers, but the layout is not so hot in [e]links, where there's no indentation for thread replies and links (show thread, reply, mod up/down) are placed in columns instead of in rows. The colors don't look quite as nice as they did with the old layout, either, but that might just be a limitation of the browser's 16-color display.

  15. By Anonymous Coward ( on

    It's not too bad, but there are some issues with it; namely, the code semantics aren't all that hot, as it appears tables are still being used. The threaded discussions would look much better on non-CSS-aware browsers if an unordered list rather than a table were used to show them. CSS is good, but its purpose is defeated if the code it's applied to isn't well-structured.

    Another issue is that the front page seems to stretch for me under Gecko, but I'm not sure yet whether or not that's just a fluke. On the whole, the style looks nice.

    1. By Anonymous Coward ( on

      threaded comments are done with tables? where?

      and where else are tables used where they should not?

      1. By Anonymous Coward ( on

        My mistake. I was looking at the old source by mistake. The newer layout is coded somewhat better, but using divs rather than tables still presents the same problem, if not a worse one--tables at least provide default styling that can be understood on even the oldest browsers, whereas with divs, in the absence of style sheets they're unstructured blocks. As I mentioned, a much better solution would be to represent comments as items in an unordered list:

        <ul class="discussion">
            <div class="blockinfo">
              Contributor information!
            <div class="body">
            <ul class="replies">
                <a>Re: Title!</a> <span class="info">Contributor information!</span>

        This would be even easier to style than the indented-div scheme employed in the new style, and in the absence of CSS support, it would still look acceptable.

        1. By Anonymous Coward ( on

          the problem w/ that approach is this is not easy to do w/ the current codebase, to have many layers of nested comments, ie the cgi has to take care to open and close <ul>s for each layer of indent.

          i see what you're proposing but is not totally clear to me yet how to do this w/ the current cgi and templates.

          i'll see

  16. By Anonymous Coward ( on

    -add a little color
    -increase the indentation a little
    -maybe pick a slightly bolder/larger font

    All small nits... I like it regardless. Great work!

  17. By Jean ( on

    If you are going to make changes, how about an option that says: Highlight messages newer than [1, 2,3] days. Everything gets a slightly greyed out background, new messages stand out. I keep coming back nearly every day, but don't always know if some pithy comment has been added to an older topic.

    Who could believe that it has come so be such a mainstay in just a short year? Great work!

  18. By Ray ( on

    The new layout is ok as such, but the hyperlink underlining of the topics make them look stuffy-sortish in Firefox =(

    I also quite liked the grey background of the sidebar-boxes.

    CSS-compliance is always good, keep up the great job!

    ++ Ray

  19. By Alex McGeorge ( mrz0diac [aht] nym [dawt] hush [dawt] com on

    There seems to be a lot of white space in the new lay out, especially between the grey topic bars. The color scheme is fine, but there just seems to be a lot of unused space. I do like the new style of the poll/errata/VuXML/RSS boxes on the right, they look to be more crisp.

  20. By Anonymous Coward ( on

    There's a new layout?

  21. By [xs] ( on

    Going the right way! But still a lot of work need to be done. Check also the validator from

    Keep it up!

  22. By Marco Peereboom ( on

    I'm boring I like the old layout better.

  23. By Lennart Fridén ( on

    Hmm...doesn't quite look alright in Opera. The top toolbar (Home etc) isn't realy vertically centered on the grey bar so the text intrude on the main white area so to speak.

  24. By Han ( on

    I like the new layout very much. Some minor tweaks have yet to be done but they are obvious. The only thing I'd like to mention is the font. I prefer serif fonts. People who don't like serif fonts have disabled them already ( I suppose ). Now my prefered reading font is overridden by the site.


Copyright © - Daniel Hartmeier. All rights reserved. Articles and comments are copyright their respective authors, submission implies license to publish on this web site. Contents of the archive prior to as well as images and HTML templates were copied from the fabulous original with Jose's and Jim's kind permission. This journal runs as CGI with httpd(8) on OpenBSD, the source code is BSD licensed. undeadly \Un*dead"ly\, a. Not subject to death; immortal. [Obs.]