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
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?
how to improve the timing on the changes?
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
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
@ Major Payne--is it you inserting the nifty green links to popups?
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.
Last edited by ctoz; 11-13-2011 at 06:32 AM.
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)
Tags for this Thread