Thursday, September 30, 2010

‘Do you want to view only the webpage content that was delivered securely?

I installed HttpWatch to inspect all my media. They were all in the same domain.

Took me a while to narrow the cause.
Javascript like this
obj.style.backgroundImage:url(myimage.gif);
wass trouble. Image url need need to be full path.

Tuesday, January 05, 2010

HTML P and FIELDSET

I have FIELDSET inside of P. If I set P style to hidden, FIELDSET is still shown.

Layout sample


This is a paragraph.


Group
ONE
TWO





Code

<P style="display:none; visibility:hidden;">
This is a paragraph.
<FIELDSET>
<LEGEND>Group</LEGEND>
ONE<BR>TWO
</FIELDSET>
</P>


The only solution I have is to use DIV instead of P.

Wednesday, May 20, 2009

ARIA resource

This is a good resource to learn ARIA. It lists all test case. From some sample test case pages, you can always see how to code it.

Monday, May 11, 2009

ARIA tab sample

Google around some tab samples :
University of Illinois and YUI, as I said before they were very complicated.

I believe my tab page design is very generic for web designers.
So this is my address book sample of Work and Home tab. I don't provide those complicated key navigation. All user need is just "tab" key.

My question is do I present "tab" role properly in my above design?

Friday, April 24, 2009

ARIA tablist and tab.

I though to make page AREA aware is just role attribute. When, I try to put together tablist and tab, then things are getting complicated. In IE8 with JAWS10, it read out all tabs are visited, so I guess there should be another attribute to tell which tab is on.

When I look at example. It's so complicated. A long long of javascript to create widget. This is really not simple and create burden to developer.

Tuesday, March 17, 2009

Alex Blog: Use text-algin:right for table

Alex Blog: Use text-algin:right for table

So what is the solution?
Below is sample of center table alignment.


<STYLE>
#container {text-align:center;}
#area {
width:600px; border:solid 1px black; text-align:left;
margin-left:auto; margin-right:auto;
}
</STYLE>
<DIV id="container">
<TABLE cellpadding="0" cellspacing="0" border="1" id="area">
<TR>
<TD>
This is a table.
</TD>
</TR>
</TABLE>
</DIV>


People also were talking about the solution in
here.

Thursday, February 26, 2009

CSS Comparison Chart

A nice comparison of CSS features in the latest/future browsers.
Summary

Calculation of support of currently displayed feature lists


Internet ExplorerFirefoxSafariChromeOpera
Past6.0: 4%2.0: 35%3.1: 47%0.2: 55%9.0: 38%
Present7.0: 12%3.0: 53%3.2: 69%1.0: 55%9.6: 62%
Near Future (2009)8.0: 31%3.1: 82%4.0: 85%1.*: 55%10.0: 68%
Future (2010 or later)9.0: 31%3.2: 92%4.*: 87%2.0: 79%10.*: 73%


At this point, IE is very behind and lock down all proprietary, like buggy "filter".