Shop OBEX P1 Docs P2 Docs Learn Events
Page Format Changes — Parallax Forums

Page Format Changes

Jim EwaldJim Ewald Posts: 733
edited 2010-08-11 01:26 in General Discussion
The code panel width has been expanded from 640 pixels to 750 pixels in an attempt to rid everyone of the horizontal scroll bar. It that works out to be too wide, we can back it off to a little.

The member name on located to the left of each post has been reduced from 14 points to 12 points. We might need to use a bolder typeface to make the names stand out better.

Comments are welcome.

Comments

  • W9GFOW9GFO Posts: 4,010
    edited 2010-08-10 22:20
    Jim Ewald wrote: »
    he member name on located to the left of each post has been reduced from 14 points to 12 points. We might need to use a bolder typeface to make the names stand out better.

    Comments are welcome.

    Looks good. It's a better use of the space. Now to reduce the width of the sidebar to match...

    The fonts don't look very "crisp" to me. Fuzzy even.

    This text looks crisp but it's too small. If only I could set all the text to look look this while being one size larger... it would be perfect... for me.

    Rich H
  • Phil Pilgrim (PhiPi)Phil Pilgrim (PhiPi) Posts: 23,514
    edited 2010-08-10 22:46
    Rich,

    I don't see any issues with crispness on either OS/X or WinXP. How do those same fonts render in other apps? It may be just be an OS or browser setting (e.g. anti-aliasing) that's causing the fuzziness.

    -Phil
  • Heater.Heater. Posts: 21,230
    edited 2010-08-10 23:06
    Jim: Please, why do we need the code blocks to be in a scrollable box at all?

    It serves no purpose as pages are scrollable anyway.
    It means we have to look at lengthy bits of code "through a key hole" which is damn annoying.
    This is especially true of Spin code where you have to see all of an indented block to be sure the white space indentation matches up.
    It does not work on my Android phone.
    Those scroll boxes are an ugly distraction on the page.
    Did I say it was annoying?
  • Jim EwaldJim Ewald Posts: 733
    edited 2010-08-11 00:17
    The scroll bars are an artifact of a design decision by the good folks at vBulletin. They decided that the code block width should be set as a fixed number of pixels.

    You can already see the problem. If it isn't wide enough we see a scroll bar in the code block. If we make it wide enough to avoid a scroll bar in the code block we get a scroll bar at the bottom of the page. The best we can do in this situation is to make it wide enough to avoid the scroll bar in the code block for most of the code samples.
  • W9GFOW9GFO Posts: 4,010
    edited 2010-08-11 00:42
    Rich,

    I don't see any issues with crispness on either OS/X or WinXP. How do those same fonts render in other apps? It may be just be an OS or browser setting (e.g. anti-aliasing) that's causing the fuzziness.

    -Phil

    Here's a picture of what the fonts look like on my machine;

    attachment.php?attachmentid=72421&stc=1&d=1281511808

    On the left is as it appears in the forum, on the right is the same text pasted into Text Edit. The shaded background may be contributing to the fuzziness of the text.

    And below is the text as it appears in the forum's editor.

    attachment.php?attachmentid=72422&stc=1&d=1281512042

    If I could I would have all the text appear like the "You may choose an.." portion.

    Rich H
    396 x 208 - 11K
    258 x 216 - 10K
  • W9GFOW9GFO Posts: 4,010
    edited 2010-08-11 00:44
    Jim Ewald wrote: »
    The best we can do in this situation is to make it wide enough to avoid the scroll bar in the code block for most of the code samples.

    Can you make it so that the code block automatically sizes itself height-wise so that no vertical scrolling (in the code block) is required?

    Rich H
  • Heater.Heater. Posts: 21,230
    edited 2010-08-11 00:45
    But Jim,

    My question is why have code in a scrollable box at all?

    Vertical scrolling serves no purpose as I can scroll my whole page up and down anyway.

    I cannot do vertical scrolling (or horizontal) on my phone. The scroll bars don' show up so I can NEVER see all the code there.

    When reading any code long enough to need verticle scrolling it gets very annoying. It's difficult to get the full picture of the code in mind and hard to see how the indentation levels of the code blocks works out.

    Having a scrollable box sitting on the page is just butt ugly anyway. Like this one I'm typing text into now.
  • Phil Pilgrim (PhiPi)Phil Pilgrim (PhiPi) Posts: 23,514
    edited 2010-08-11 01:26
    Rich,

    I would agree that the shaded background adds to the perception of fuzziness. But the difference between the fuzzy text and the crisp text is anti-aliasing. The fuzzy text is a vector font that's been rendered with anti-aliasing. The crisp text is a bitmapped font tuned and rendered pixel-for-pixel. If you're using Windows, try turning on ClearType in the Control Panel->Display->Appearance->Effects window and adjusting it for the best appearance.

    -Phil
Sign In or Register to comment.