Hard-Pressed

For testing, I am using http://www.youtube.com/watch?v=NmdUEdMh-H0.

Version #1 (Includes “param” Elements)

This version currently excludes descriptive text inside the “object” element to avoid WordPress XHTML injection that triggers a validator warning.

This version works in Internet Explorer, but IE won’t stream the initial SWF—in this case, the video player itself. It will, however, stream assets loaded after the initial SWF.

Version #2 (Solo “object” Element)

This version does not allow full-screen mode. It also doesn’t work in Internet Explorer.

Note that my design currently uses HTML 4.01 Strict while WordPress tends to inject sloppy XHTML all over the place without so much as an HTML option. I’ll probably grudgingly convert to XHTML soon even though I’ll probably end up changing everything to HTML 5 later.

This post is specifically for testing discussion during the continuing development of my design for Hard-Pressed. Please try the discussion functionality (currently enabled for all users without requiring any login credentials) and let me know what you think—especially if you think something needs to be fixed.

Below are lists of issues of which I am already aware and planning to address (I will probably edit them as development and testing continue).

Miscellaneous Known Issues

• I am still refining the look overall. Things like sizing, spacing, coloring, and line styles are all subject to change.
• I don’t like the date and time text, the fact that it is a “permalink”, or the fact that wp_list_comments() barfs it out where it does (after “says:”), so I’m still tinkering with that.
• The form runs up against the content-footer or the page-footer when it is below all discussion.

Known Browser Support Issues

• Rounded corners currently work only in Mozilla- and Webkit-based browsers (e.g., Firefox and Safari, respectively) and they kick in only after a page is fully loaded due to the way I am loading the CSS (i.e., I’m loading vendor-specific CSS via JavaScript so it doesn’t trigger validation error messages).
• The form’s visible input and textarea elements do not appear next to their labels in most browsers regardless of location. This seems to be due to the way browsers implement max-width. Firefox displays the form as expected in its default location, but Safari, Opera, and Internet Explorer do not. In most cases, visible input and textarea elements wrap when the form is within a discussion post.
• Safari 4 allows the textarea to clip multiple containers when the form is within a discussion post.

Known Text Issues

• I should probably add text about Gravatars, including disclosure that WordPress queries the Gravatar service with e-mail addresses.
• Allowable markup is not currently listed.
• There is currently no disclaimer about discussion posts being non-authenticated and thus, easily spoofed (and convincingly so with Gravatars).
• I haven’t yet posted any rules. I should probably do so.

Thanks in advance for any testing help and for sharing any opinions and suggestions!

I am still working on pretty much everything, but I would like to mention a few specific issues that are particularly obvious so you know that I already know about them:

• Tab sizing and spacing is slightly off in Safari. Most obviously, there’s a gap below them. I already found the guilty CSS and I intend to correct it soon (although I don’t recall why I originally added that particular CSS, I suspect it was for some other browser, so I need to do some testing).
• The paging text in the content footer displays “of 0″ for single-post pages.
• Searches seem to return all posts, not just the ones that contain the search term.
• Comments-closed messages are barely legible yet nonetheless ugly.
• The orange background for sidebar headings and special messages (recently removed from content headings) is rather glaring.
• Sizing and spacing could use some work here and there.

Did you notice that there is more than one stylesheet set? If your browser supports it, you can switch between them.

• Firefox users, it’s in View > Page Style.
• Opera users, it’s in View > Style.

Thanks for visiting!