/    Sign up×
Community /Pin to ProfileBookmark

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 [B]height of 900px or 960px[/B]—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.

[URL=”http://www.wavehands.net/test/changes.htm”]here’s the page[/URL]

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 ?

to post a comment
CSS

2 Comments(s)

Copy linkTweet thisAlerts:
@Major_PayneNov 12.2011 — 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?actionBar=&articleID=816934182&ids=0Sc3oQdP4TcjwIczwNd3cVdz4Ub38Pd3cPejoNe2MTcjgRcPkQcjwIdPgQcPcMdP4U&aag=true&freq=weekly&trk=eml-tod-b-ttle-99&ut=3Z-fJK7fpockY1

http://www.elated.com/articles/choosing-dimensions-for-your-web-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-shouldnt-look-the-same-across-different-browsers%E2%80%A6here-is-why.html

Cross-Browser CSS in Seconds with Prefixr: http://net.tutsplus.com/articles/news/cross-browser-css-in-seconds-with-prefixr/

It’s Not Responsive Web Building, It’s Responsive Web Design: http://www.getfinch.com/finch/entry/its-not-responsive-web-building-its-responsive-web-design/

Beginner’s Guide to Responsive Web Design: http://thinkvitamin.com/design/beginners-guide-to-responsive-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
Copy linkTweet thisAlerts:
@ctozauthorNov 13.2011 — @ 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.
×

Success!

Help @ctoz spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...