http://www.perlmonks.org?node_id=885744


in reply to Re: RFC: A Design Proposed for Anonymous Monk (logged out view)
in thread RFC: A Design Proposed for Anonymous Monk (logged out view)

   

See what it looks like for me http://browsershots.org/http://luisroca.com/PerlMonks/Anon_Monk.html

   I hope this is helpful

I appreciate that you took the time in writing your critique. I would like to point out again that I realize there will be users who will see a poorly rendered version of the design. Please feel confident that is NOT the design I have intended for Perl Monks.

Again, for anyone who is having difficulties seeing the site (ie: only one column is visible, extremely poor contrast etc.)

  • Please View the Following Screen Shot : http://luisroca.com/PerlMonks/img/Anon_Monk_Design_Screen_Shot.jpg
  • I do apologize to anyone who is having trouble seeing the html page. If you are someone who is seeing the site as described by Anonymous Monk above, post here or msg me and include your specs if possible (browser, screen size and resolution). This will be a big help when I make corrections. I will update the document above with the specs users are most likely to have viewing difficulty and when the corrections for those specs have been made.

    Thanks again for the feedback


    "...the adversities born of well-placed thoughts should be considered mercies rather than misfortunes." — Don Quixote
    • Comment on Re^2: RFC: A Design Proposed for Anonymous Monk (logged out view)

    Replies are listed 'Best First'.
    Re^3: RFC: A Design Proposed for Anonymous Monk (data)
    by tye (Sage) on Feb 02, 2011 at 18:52 UTC

      From looking at the linked browsershots page, it looks like the vast majority of browsers didn't render it as you intended. So you already have a whole slew of "spec" examples that demonstrate bad rendering.

      - tye        

        Using a tool like browsershots.org is great but are the vast majority of browsers where the site is rendering poorly represented by PerlMonks visitors? There was no way for me to know that until I posted this and heard back from enough Monks and/or we have site statistics available. (Even from Google Analytics:)

        The test also leaves out a few important notes such as resolution (was the test done for a resolution of 800, 1024?). It also excludes a few key operating systems like Mac OSX and recent versions of Windows. That's unless I'm the only person visiting PerlMonks on a Mac and none of our members are using Windows 7 but I would love to know that before setting off on making corrections.

        I actually don't suspect that it's a browser problem that some people are having. It seems that the second column in particular is wrapping under the first at resolutions of 800 and below. (I would be thankful to get confirmation on that.)

        P.S. I did make corrections to the wrapping (as you suggested) which improved that result (caused by the first column's width) when I narrowed my browser window on a few laptops. I didn't ignore your advice tye ;)


        "...the adversities born of well-placed thoughts should be considered mercies rather than misfortunes." — Don Quixote
          The test also leaves out a few important notes such as resolution

          The dimensions of the windows used (in pixels) is rather trivial to get from the screenshots provided. If you mean "resolution" in terms of "pixels per inch", that seems rather irrelevant; it might have an impact on font size choices but the sizes of fonts (and controls) are also evident in the screenshots.

          P.S. I did make corrections to the wrapping (as you suggested) which improved that result (caused by the first column's width) when I narrowed my browser window on a few laptops. I didn't ignore your advice tye ;)

          To be clear...

          I get a wide right column of wasted space just for the display of one line of non-wrapping text, "Welcome to the Monastery". That seems to be the most obvious rendering problem and is evident in most of the browsershots and several people have complained about it. That is the problem that I was referring to as what I reported before the node was posted and that remained a problem after the node was posted. I saw no improvement on that front. I did not say and am not saying that my complaint was ignored. But I certainly disagree with this major problem having been improved.

          A while after I reported the above problem, I responded (indirectly) to somebody observing how some elements were inconsistent about how far they extended into this wasted right-side space. luis.roca said something that sounded like he was blaming that behavior on the use of table tags. I noted that I saw two problems: 1) code blocks not being flexible in how much they wrap (and how I address that in my settings) and 2) CSS causing backgrounds and spacers to be the wrong width for their accompanying text.

          It appears that (2) was improved somewhat so that the inconsistency at the right-hand side of the left-hand column is less pronounced. I didn't comment on that change as I didn't even notice it at first. It also wasn't something that I had complained about. I merely commented on luis.roca's reply to somebody else's complaint.

          I also see no improvement in (1), which is a big contributor to the most obvious problem. So if your mention of "the wrapping" was in reference to the wrapping of code blocks, then I didn't see any change related to that.

          extremely poor contrast

          That is another problem that I thought you should have some data already for trying to address.

          - tye        

          but I would love to know that before setting off on making corrections.

          Its me again, I got 1024x768, firefox 3.16.3, and it doesn't matter which OS i'm using

          Firefox says

          Warning: Unknown property 'box-sizing'. Declaration dropped. Source File: http://www.luisroca.com/PerlMonks/scripts/styles/shCoreMi +dnight.css Line: 46 Warning: Error in parsing value for 'min-height'. Declaration dropped +. Source File: http://www.luisroca.com/PerlMonks/scripts/styles/shCoreMi +dnight.css Line: 52 Warning: Unknown property 'box-sizing'. Declaration dropped. Source File: http://www.luisroca.com/PerlMonks/scripts/styles/shCoreMi +dnight.css Line: 89 Warning: Expected color but found 'none'. Error in parsing value for +'background-color'. Declaration dropped. Source File: http://www.luisroca.com/PerlMonks/scripts/styles/shCoreMi +dnight.css Line: 315 Warning: Selector expected. Ruleset ignored due to bad selector. Source File: http://luisroca.com/PerlMonks/css/Anon_Monk_CSS/base.css Line: 9 Warning: Error in parsing value for 'list-style'. Declaration dropped +. Source File: http://luisroca.com/PerlMonks/css/Anon_Monk_CSS/detail.cs +s Line: 176 Warning: Error in parsing value for 'list-style'. Declaration dropped +. Source File: http://luisroca.com/PerlMonks/css/Anon_Monk_CSS/detail.cs +s Line: 209
          If it doesn't work with firefox, it might as well not exist :)

          http://jigsaw.w3.org/css-validator/