www.webdeveloper.com
Results 1 to 3 of 3

Thread: help with checking stylesheet

  1. #1
    Join Date
    Nov 2005
    Location
    Bundanoon: first village to ban bottled water
    Posts
    221

    Question help with checking stylesheet

    Anyone have the energy to help test a stylesheet?

    I'm doing multiple stylesheets because I haven't found a way to keep the page stable if the viewer resizes: hit a link and it's back to square one, not a good look.

    So: I've tested on a mac for heights 'over 1000px', 'under 880px', and 'under 770px'—not at work this weekend.

    If you happen to have a screen with a height of 900px or 960px—you'd be in a group which is anywhere from 10% to 23% of net users, depending on your statistics source—I'd especially like to hear from you. And any and all IE users.

    Hopefully, you'll have a worst-case scenario with lots of height taken up by the browser's toolbars.

    Minor css problems with Safari and esp Opera are known.
    Major script rendering problem with Opera known also.

    here's the page

    Check:

    Is there space around the field of hexagrams?
    are the numbers centrally placed underneath each hex?

    Is the main column too wide/too narrow?
    Is the text size acceptable in the main column?
    In the navigation pane top left?

    Do the scroll arrows work? (hover, press to go faster)
    Is the scrolling smooth?
    Are the scroll arrow points cut off?

    When you click thru the links from "ask", (another 7 clicks)
    and the changes start on the field of hexagrams:
    are the readout numbers centrally placed in the field?

    Scriptwise:
    how to improve the timing on the changes?


    TIA

  2. #2
    Join Date
    May 2005
    Location
    Gold Coast (MS)
    Posts
    2,217
    Might help if you read these. Especially the search for the "Holy Grail" of web pages:

    Choosing Dimensions for Your Web Page Layout:

    In Search of the Holy Grail: http://www.alistapart.com/articles/holygrail/
    Introduction to Responsive Web Design: http://www.linkedin.com/news?actionB...3Z-fJK7fpockY1
    http://www.elated.com/articles/choos...b-page-layout/
    How to create flexible sites quickly using standards like CSS and XHTML: http://www.ibm.com/developerworks/web/library/wa-rapid/

    Care With Font Size: http://www.w3.org/QA/Tips/font-size
    Websites Shouldn’t Look The Same Across Different Browsers: http://www.noupe.com/design/websites...re-is-why.html

    Cross-Browser CSS in Seconds with Prefixr: http://net.tutsplus.com/articles/new...-with-prefixr/
    It’s Not Responsive Web Building, It’s Responsive Web Design: http://www.getfinch.com/finch/entry/...ve-web-design/
    Beginner’s Guide to Responsive Web Design: http://thinkvitamin.com/design/begin...ve-web-design/

    Validation often helps:

    Why Validate?: http://validator.w3.org/docs/why.html
    CSS Validator: http://jigsaw.w3.org/css-validator/
    HTML Validator: http://validator.w3.org/#validate_by_uri+with_options

  3. #3
    Join Date
    Nov 2005
    Location
    Bundanoon: first village to ban bottled water
    Posts
    221
    @ Major Payne--is it you inserting the nifty green links to popups?

    otherwise:
    Many thanks!

    Holy Grail: I'm not interested in this context in 3 column layouts. 3 column layouts encourage one to cram in more content—that's not the point here. And recall Steve Krug's first recommendation: get rid of half your copy, then iterate.

    Elated.../, Responsive Web Design: at a technical level, I use the basic principles, they're not new, the problem of flexible design appeared with the first laptop. I happen to use ems rather than percentages for dimensions: they're less rubbery (& recommended in the W3Org tips in another link).

    More links... I will get round to checking these out.

    Validating: when it works ok in the last, not the latest, version of IE, Chrome, Firefox and Safari (useful for Ipad checking too) on two platforms, I go back to validating to see what bloopers remain.

    I've ironed out a couple of glitches since posting the link. Would be interested in any further comments you might have.

    Cheers.
    Last edited by ctoz; 11-13-2011 at 07:32 AM.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles