Alex Blog

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

2010-09-30T15:18:00.003-04:00

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.

HTML P and FIELDSET

2010-01-05T15:32:00.005-05:00

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

Layout sample

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.

ARIA resource

2009-05-20T16:27:00.004-04:00

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.

ARIA tab sample

2009-05-11T11:33:00.003-04:00

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?

ARIA tablist and tab.

2009-04-24T12:39:00.003-04:00

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.

Alex Blog: Use text-algin:right for table

2009-03-17T17:36:00.002-04:00

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.

CSS Comparison Chart

2009-02-26T11:38:00.004-05:00

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

Calculation of support of currently displayed feature lists

	Internet Explorer	Firefox	Safari	Chrome	Opera
Past	6.0: 4%	2.0: 35%	3.1: 47%	0.2: 55%	9.0: 38%
Present	7.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".

acid3 test

2009-02-24T11:59:00.003-05:00

Today, Apple just release Safari 4 beta. The interface is much similar its sister Chrome. The top site view is impressed.

The only interface issue is "New tab (+)" is too close the minimized icon.

Try Acid test 3, score 100. Firefox 3.1 beta 2 is 93. IE 8 rc1 is 20. Looks like Apple put a lot of resource on it.

In the javascript canvas line chart test, Safari 4 beta is much smooth.

Got to try grammar test later.

Vertical Text

2009-02-12T11:35:00.005-05:00

Firefox 3.1 comes with css transform. I learn IE also has matrix equally.

Previously, I use writing-mode: tb-rl; filter: flipv fliph; for IE vertical text. Unfortunately, the text is very jagged after rotated. I decide to give matrix a try.

For IE, method 1


<style>
.vt {
writing-mode: tb-rl; filter: flipv fliph; 
white-space:nowrap; font-size:12px; font-family:arial; letter-spacing:2px
}
</style>
<div class="vt">Vertical Text</div>

For IE, method 2


<style>
.displayretainer {
width:160px;text-align:right; z-index:25; 
font-family:arial; font-size:12px; letter-spacing:2px
}
</style>

<div id="vt" class="displayretainer" 
style="filter:progid:DXImageTransform.Microsoft.Matrix(M11='1.0', sizingmethod='auto expand');">
Vertical Text
</div>

<SCRIPT>
var deg2rad = Math.PI * 2 / 360;
function setRotation(obj, deg) {
  var rad = deg * deg2rad;
  var costheta = Math.cos(rad);
  var sintheta = Math.sin(rad);
  
  obj.filters.item(0).M11 = costheta;
  obj.filters.item(0).M12 = -sintheta;
  obj.filters.item(0).M21 = sintheta;
  obj.filters.item(0).M22 = costheta;
}

setRotation(document.getElementById("vt"), 270)
</SCRIPT>

Still, the text is very jagged. The matrix filter is quite mathematical. Not sure any other attribute can smooth the font.

style vertical text

2009-02-09T18:38:00.002-05:00

Previously, I have a vertical text sample.

Today, I replace the line chart y-axis label with it.
Unfortunately, IE does not come out good render.

I think the issue is in the filter (filter:flipv fliph;).

Insurance Scam

2008-12-15T14:16:00.000-05:00

Another number I got was (304) 369 0968.

Many people complaint to it :
http://whocallsme.com/Phone-Number.aspx/3043690968

When I do phone number reversed look up. 3 records found :

Found 3 Results for (304) 369-0968 in WV

Residential Listing

R Aldridge

Jeffrey
Jeffrey, WV 25114

(304) 369-0968

Residential Listing

R J Aldridge

Address Unlisted

Madison, WV 25130

(304) 369-0968

Residential Listing

Allen Barker

Address Unlisted

Jeffrey, WV 25114

(304) 369-0968

My guess this is cell phone number and those 3 people were prior owned this number.

WinMerge - copy particular line

2008-10-16T11:03:00.000-04:00

WinMerge is a great tool to compare.

There is still one feature I am still looking for.
In a block (multiple lines) of difference, I only want to merge a particular line.

Right now, I need to do three clicks
a. Select Line Difference
b. "Copy" it.
b. Go the other side, then "Paste".

I wish it can be done in one click.
I have latest WinMerge (2.10.0.0). I don't find this kind of feature. Not sure any kind of plugins can do that.

Photo Scam

2008-10-08T12:12:00.000-04:00

When I picked up my phone, I heard "This is the second warning .....".

I really hate the phone scam. A lot of people get that, too.

Does people really need to do business like that? Got to stop that.

Use style sheet to control SELECT box height

2008-10-06T15:34:00.004-04:00

I try to make a SELECT and DIV side by side with outline (style by border) in the same height; unfortunately, IE6 has always few pixels short.

I play it more. This situation only happens on heavy styling -- font is problem.
So, I try to set my SELECT with fixed size font (font-family:monospace,Courier,Courier New;), then both SELECT and DIV are in the same height.

<html> <head> <title>Control SELECT height</title> <STYLE> BODY, TABLE, TD, TH, P, OL, LI, INPUT, SELECT, BUTTON {font-family: Verdana, sans-serif; color:#343434} </STYLE> </head> <body> <TABLE width="100%" border="0" cellpading="0" cellspacing="0"> <TR valign="top"> <TD width="50%"> Avialable List <BR> <SELECT SIZE="7" NAME="available" id="available" STYLE="width:100%; height:96px;"> </SELECT> </TD> <TD style="padding-left:1em"> Description<BR> <DIV NAME="detailPanel" id="detailPanel" STYLE="width:100%; height:96px; border:1px solid blue"> </DIV> </TD> </TR> </TABLE> <BR><BR> <TABLE width="100%" border="0" cellpading="0" cellspacing="0"> <TR valign="top"> <TD width="50%"> Avialable List <BR> <SELECT SIZE="7" NAME="available" id="available" STYLE="width:100%; height:96px; font-size:12px; font-family: monospace,Courier,Courier New;"> </SELECT> </TD> <TD style="padding-left:1em"> Description<BR> <DIV NAME="detailPanel" id="detailPanel" STYLE="width:100%; height:96px; border:1px solid blue"> </DIV> </TD> </TR> </TABLE> <BR><BR> </body> </html>

You can only see the result correctly in web, not open from file system.

Use text-algin:right for table

2008-09-29T12:50:00.001-04:00

Try the following code to align inner table (print) to right.


<TABLE width="100%" cellpadding="0" cellspacing="0" border="1">
<TR>
  <TD><H1>Header</H1></TD>
  <TD style="text-align:right">
    <TABLE><TR><TD>Print</TD></TR></TABLE>
  </TD>
</TR>
</TABLE>

In IE, that is straight forward -- I got "Print" to the right side. But, not Firefox.
According to http://bytes.com/forum/thread100308.html "The text-align property affects, by CSS specifications, the alignment of text lines inside the element. The inner table is a block element, so it is not affected.", that is make sense to me. However, it just give my style sheet more complication.

IE 8 beta 2

2008-09-26T11:17:00.002-04:00

Just installed IE 8 beta 2. Before I installed it, I need to go through a whole bunches of windows update -- they were incredible huge.

The most obvious change I noticed is tabs. Better interface is always plus.

The long time most inconvenience feature in IE is open new URL by hitting "Ctrl+l".
In Firefox and Safari, the window focus move to address bar once "Ctrl+l" hit.
However, IE 8 still comes out a small pop up.
The problems are :
1) It covers up some page content.
2) This pop up can be fake by malicious site.
3) It has very short text field.
4) Unfortunately, when new page open, the url don't show in the address bar. Well, it's beta.

UPDATE :
IE 8 is going to have another beta and not going to release this year.

Headache on IE settings

2008-09-16T12:44:00.000-04:00

I put a log in to the front page (http), but I put log in to a iframe (https) to make sure user always use https to log in and has less chance to be hacked.
But, I got "allow sub-frames to navigation across different domains".
I have main window and iframe all in the same domain, but just http and https difference. Why IE send up this warning by the default? It's getting annoying.

NetBeans

2008-08-05T13:59:00.000-04:00

I heard all good things about NetBeans, but I don't good story so far.

My first complaint is the output window font is very ugly.

I don't know why NetBeans people can't fix 43165.

onmouseout and onmouseleave

2008-07-28T23:47:00.000-04:00

onmouseleave is only for IE, but is helpful to suppress the event from the children nodes.

Some introduction in http://www.quirksmode.org/js/events_mouse.html.

Actually, I am looking how to have cascading menu disappear when mouse out.
I hope this example http://bytes.com/forum/thread553630.html is going to help. Got to try it later on.

knol

2008-07-23T17:07:00.000-04:00

CNet report :
Google's Wikipedia rival, Knol, goes public

Just created an article and saved, but I did not see where was it.
Click My Knols, but always go to search page. Not quit good experience.

button size

2008-07-21T11:36:00.001-04:00

Try to fine tune button size.

IE has long button bug, to work it out try this solution.

FF also has a problem, which can not make it smaller (can't remove padding).
According to http://www.designdetector.com/demos/buttons-padding-demo.html,
3px padding left and right, and 1px padding top and bottom appears to be added even when zero padding is applied. Looking at bugzilla, I found Bug 140562 – button control with 0px padding still displays a frame around its contents. Hope it will be fixed in the 3.1 release.

File upload statistics

2008-07-18T10:44:00.000-04:00

The syntax should like

<input type="file"
maxsize="xxx"
progressInitColor="color1"
progressFilledColor="color2"
>

Also, file object should have "progress" properties, which show what is uploading percentage. So, javascript function can read that.

For the UI, once the file is starting to upload, INPUT file area show progressInitColor as background color and progressFilledColor flooding in base on uploading percentage. Also, the upload percentage number show next to file name.

This is what I think.

I saw some of ajax implementations show the file upload status bar. They are all by stage, not really progressive. As browser security, server don't know the file size until fully upload, so there is no way to use ajax to create real progress bar.

Notepad++ - replace a pattern with line break then sort line in the order

2008-07-15T21:05:00.000-04:00

There are something new in the Notepad++ 5.0.

I can replace a pattern with line break.
Let's say I have

"AAA" "BBB" "CCC" "ABC"

I enter CTL+F to open Find, then switch to Replace.
In Find What, I enter " " and Replace With \n, then I need to check Search Mode > Extended (\n, \r ...). Then hit "Replace All" button.
I got

"AAA
BBB
CCC
ABC"

I just delete two quotes simply.
Then in the menu > TextFX > Text FX Tools > Sort Line ...

That's all.
Notepad++ is getting better and better,

PHP vs JAVA

2008-07-14T18:32:00.000-04:00

PHP VS JAVA

PHP is easy to develop and deploy.

Java is programming language, but PHP is only presentation layer for web.
1. Some feature PHP can't do that.
2. Java is sophisticated. Java has more libraries.
3. Java can do thing more organized. People is arguing PHP code is messy.
4. Ideally, we would like to some layer in the application for better developer collaboration, like presentation layer, logic layer, database layer.

PHP is still evolving and some fundamental structure is not well planned. New version of PHP add some lack features. However, when update to new version PHP, backward compatible is big issue.

More vendors support java. More enterprise certify java. More community force for java.

PHP use oci to connect database. OCI is considering faster than thin drive, but more depend on system environment. Oracle suggest to use thin driver as server-side internal driver.

Notepad++ - Replace a Pattern with Line Break

2008-06-20T11:46:00.001-04:00

I can replace a pattern with line break much easy with latest jEdit; however, I found notepad++ is more lightweight and powerful. So, I intend to use notepad++.

Notepad++ has so many options, configurations and tools. I intend to it can do many jobs.
However, it takes me a while for how to replace a pattern with line break. The tricky part is how to put line break into "Replace with". I tried "\n", but not translate to line break. Also, tried "crtl+enter" key. Still no.

After, I look at http://forums.whirlpool.net.au/forum-replies-archive.cfm/911631.html, then it give me some hint.

I need to turn on "End of Line" in the "View" menu, then I copy "LF" into "Replace With".
Then a pattern can be replaced with real line break.

My next goal is to replace HomeSite with Notepad++.

Acid 3 test

2008-06-18T17:40:00.000-04:00

Opera 9.5 is 83.
Safari 3 is 72.
Firefox 3 is 71.

However, I still feel Opera rendering engine is very buggy and worst than IE 6.

Enable designMode, but cause IE double line break when pressing "Enter"

2008-04-18T11:44:00.000-04:00

IE is sometime very innovation, but at one point you need to cry for bugging design.
IE came up first HTML editor (WYSIWYG) back to 5.x.

Eventually, Firefox (Mozilla) catch up this feature. And, it's in HTML 5 spec.
When you look at the Mozilla midas definition is very simple, but when you look at MSDN document that is very complicated and bloated. Mozilla implement most basic parts from IE and work perfect.
As security reason, the copy and paste are not scriptable in FF.

The line break is annoying in IE. Most of times, user experience double line break which is not user expected. To avoid double spaces, must use DIV tag as hint. If current cursor position's parent node is not DIV, then double line spaces which from P tag. This is part of developer know how.

Another interesting part is when you apply indentation (Indent), you can find out IE has DIV inside of BLOCKQUOTE. Obviously, the IE folks are trying to avoid double line break.

One time, I did handle key event to force all ENTER key BR tag. Unfortunately, it caused alignment problem. In IE, the alignment is applied to DIV, P, BLOCKQUOTE tag, but not between BR tags.

I am sure many peoples are fighting this issue. Despite, we can use SHIFT+ENTER to force as single line break, but who are going to know that.

Firefox 3 beta 5

2008-04-03T10:40:00.000-04:00

Yesterday, I were happy with new Firefox 3 beta -- no crash in the yahoo new mail.

But in today, I still got one crash.

For the Firefox 3 beta, I have noticed the table spacing (or padding) is little bit different, but I haven't look at the detail.
Generally, Firefox 3 beta is very good. I will will be nice if it don't crash Yahoo mail.

HTML5 postMessage()

2008-03-10T12:55:00.000-04:00

postMessage() is allow javascript to communicate cross domain. This is very interest feature. There is a simple demo in http://ejohn.org/blog/cross-window-messaging/.

With this feature, single sign on and web service can be done in the client. Hopefully, this feature is not going to open new chapter of security issue.

Use CSS to create vertical Text

2008-03-10T12:07:00.001-04:00

IE got more simple solution by setting style attribute "writing mode".

<style> .vt { writing-mode: tb-rl; filter: flipv fliph; } </style> <div class="vt">Vertical Text</div>

For the rest of browsers, need to use SVG.
<embed class="svgex" src="vertical_text.svg" type="image/svg+xml" frameborder="no" width="30" height="90" />

For svg,
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <script type="text/javascript"> <![CDATA[ //this will create htmljavascriptfunctionname in html document and link it to changeText top.htmljavascriptfunctionname = changeText; function changeText(txt){ targetText=document.getElementById("thetext"); var newText = document.createTextNode(txt); targetText.replaceChild(newText,targetText.childNodes[0]); } // ]]> </script> <text id="thetext" transform="rotate(270, 90, 0)" font-size="12" x="3" y="-60" font-family="Verdana">Vertical Text</text> </svg>
The svg code is modified from http://www.thescripts.com/forum/thread721811.html.
I just make it work, but I think the width/height will change base on content.

Firefox 3 beta 3

2008-02-14T14:23:00.000-05:00

I am very impressed Firefox 3 beta speedy. Right now, I feel it fly like Safari 3.

One thing I don't really like it is "Location bar & auto-complete" because the search result is too wide. And, it really change user experience. For example, I type "d", Firefox 2 shows the first item on the list is "digg .com", but not Firefox 3. I prefer auto-complete to work on url search only.

I also try to see how good its memory management, so I let it run a day and back to my start up page, default google search page. Windows Task Manager show 90 MB. The first start up page is 26 MB only. Looks like there is still big gap to improve in the memory management.

Generally, I give thumb up for it.

Happy 2008

2008-02-13T12:55:00.004-05:00

I got Happy 2008 signature from somewhere. I try to apply style sheet to close all gaps.
Almost perfect, but still can not align Y.
Happy 2008

Spray form validation demo

2008-02-11T11:51:00.000-05:00

Today, I am looking Eclipse plugin and find a interested javascript editor, JSEclipse.

I am also browsing around Adobe Labs to see other helpful resources.
I always doubt how to design AJAX framework. So I check Spray and get some concept of how to design some APIs. I look at form validation demo and its source codes. The AJAX validation is registered at the end of page, which make the code very portable. But I have different view of those attributes related validation, like minChars:20, maxChars:180 in the textarea. I believe it's better put those attributes into TEXTAREA object for easy maintenance.

Looking for a plugin in Eclipse to export Structure Compare report

2008-02-08T18:07:00.000-05:00

In the CVS repository Exploring, I can compare by day and the result come out a tree list. I only get "Expand All" in the context menu. Can any plugins export the tree list to a report?

I have two kind of sources (english and chinese in html files). English is developing mainly and I would like to synchronize chinese files immediately and need a way to verify sources. If you have any idea, please advice. Thanks in advance.

Spaces not displayed when adding Options to Select box

2008-01-31T11:12:00.000-05:00

With Option object, you can add multiple spaces to IE, but Firefox.

To work around it, see my sample code.

<FORM name="myForm"> Location (building room) <SELECT name="loc" style="font-family:monospace,Courier,Courier New;font-size:12px"></SELECT> </FORM> [SCRIPT language="JavaScript"] function addOption(obj, text, value) { value += ""; //in case of number if (!document.all) { //Firefox text = text.replace(/\s/g, "\xA0"); } var newOption = new Option(text,value); obj.options[obj.options.length] = newOption; return newOption; } addOption(document.myForm.loc, "Please select location" , 0); addOption(document.myForm.loc, " City Hall A101" , 1); addOption(document.myForm.loc, " Governor Hall 1" , 2); addOption(document.myForm.loc, " Constitution Hall 1" , 3); addOption(document.myForm.loc, " State Hall 1" , 4); [/SCRIPT]

Firefox innerHTML is not synchronized with DOM

2008-01-25T13:38:00.000-05:00

Here is solution.

I remember I have this problem before. Today, I meet this problem again.

Problem with IE print preview and window.close()

2007-11-07T12:02:00.000-05:00

In IE, when window.close() or self.close() is executed, the window is closing perfectly. But when after opening a print preview window from file menu in IE and after closing the print preview with [X] button, then the window.close() is not working. Is there any solution to close the window even after closing the print preview window?

I am looking this solution, too. Unfortunately, this post land to wrong forum and no answer provide.

javascript form reset()

2007-10-26T14:48:00.000-04:00

Today, I am looking at the a problem at form.reset().

I found out form.reset() function suppose to be reset all form objects to original values.

I have problem in this situation :
If I delete an OPTION from a SELECT, reset() function won't recover original item.

I can't find any answers on the web.

innerText and textContent

2007-10-25T13:31:00.000-04:00

Try to use your HTML text/code for your confirm dialog message, below is my sample.

document.getElementById("msg").innerText is perfect for IE, but Firefox.

document.getElementById("msg").textContent works for Firefox, but loses all line breaks.

So I come out my solution :


<div style="display: none; visibility: hidden;" id="msg">
Deleting this category will lose all articles.
Do you really want to do it?</div>

<SCRIPT>
function confirmDeletion() {
 var msg = document.getElementById("msg").innerHTML.replace(/
/ig,"\n");
 if (confirm(msg) ) {
   ....
   form.submit();
 }
 return false;
}
</SCRIPT>

LEGEND and H2

2007-09-28T10:40:00.000-04:00


<FIELDSET>
  <LEGEND><h2>build your pizza</h2></LEGEND>
  <LABEL><H3>select your toppings</H3>
    <SELECT name= "toppings" multiple>
      <OPTION>cheese</OPTION>
      <OPTION>Pepperoni</OPTION>
    </SELECT>
    </LABEL>
  <LABEL><H3> pick a crust:</H3>
  <INPUT type= "radio" name= "crust" value= "deep dish" checked> deep-dish<BR>
  <INPUT type= "radio" name= "crust" value= "whole wheat"> whole wheat</LABEL>
</FIELDSET>

In the above sample layout, I can see the header H2 in the Fieldset outline correctly only in IE, but Firefox.

This gives me some trouble. I would like to use FIELDSET for better layout. Also, I would like to use H2 for better accessibility -- screen reader (JAWS) can separate different section of content. Unfortunately, it doesn't look great in Firxfox. Sine I have urgent of accessibility. I need to drop FIELDSET/LEGEND.

Silverlight

2007-09-05T13:48:00.000-04:00

Just install silverlight on IE7.

After refresh the silverlight home page, I got

Silverlight Error :

Error Type: DownloadError
Error Message: AG_E_NETWORK_ERROR
Error Code : 4001

Not very good start.

Excel can't open .csv file with UTF-8 encoding content.

2007-07-25T16:38:00.000-04:00

This is my another day pain.

This is what open office can do, but not excel.

MSN virtaul Earth

2007-07-10T10:57:00.000-04:00

It's interested three major internet services(Google, Yahoo, MSN) competing each other. Microsoft is the one like to chase Google.

Google got the 3D Map for a while. I were fascinated that we can fly around the around and see trees, rivers, houses. The satellite map is really helpful to visualize the distance from the top and give me more solid idea from point to point and turn to turn because I can always reference the building, landmark. I trace through train rail line, my bike route, and optimize the local route.

At sometime, MSN came out satellite map, too. Unfortunately, the map was so old. I didn't see my house and the community I living and that's black white. I were wondering that picture was taken back to '80s. Despite the recent MSN claim whatever they have and improvement, I still see the same old map.

Safari 3 auto update

2007-06-27T11:10:00.000-04:00

One time, I did update to 3.01. After that, I still got 3.02 upgrade dialog.
I was busy at that time, and decide to do it later. So, I canceled the upgrade.

Well, where is the auto upgrade in the Safari 3? I don't see it in the menu and preference.

I just want to check Safari is still hanging in https.

HTML required fields

2007-06-22T11:16:00.000-04:00

In HTML5, it defines "required" attribute for the required fields. The example is
<ul> <li><label> Name: <input type="text" name="name" required="required" /></label></li> <li><label> Comment: <input type="text" name="comment" /></label></li> </ul>

In the W3C WCG20, SCR25: Using Dynamic Web Content Accessibility to programmatically identify form fields as required, it also mentions "required" attribute for required fields. But, in that script sample, it shows


setAttrNS(field, "required", "true");

And, screen reader should be able to read out.

Both above sites use the same attribute "required". My question is here :

Can screen reader still read out if required="required"?

I incline to HTML5 since it's much clean and easy in the design.

AWAI Member :: View topic - For Those Who Use XSitepro...

2007-06-14T14:05:00.000-04:00

AWAI Member :: View topic - For Those Who Use XSitepro...

Copy-and-paste from word containing the following line is really trouble.

<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />

I am wondering what kind of environment will produce that namespace.

Safari 3 on Vista

2007-06-11T15:08:00.000-04:00

I just have a Safari 3 installed on Vista. I am experiencing extreme slow in https. Almost, can't load the page and eventually crash.

I am still looking some sites. It's interested to see mac style (scroll bar, button) on the window. Even, the native style of BUTTON tag.

IE input % width problems

2007-05-01T15:39:00.000-04:00

IE input % width problems

Today, I got the same problem, too.

Tableless forms?

2007-03-05T16:55:00.000-05:00

I don't know why eveyone talking how tableless is good.
In this sample, it looks good, but it's not portable since it hard code the width.

Eclipse features

2007-02-06T15:07:00.000-05:00

I am getting frustrated on Eclipse. I have very a large of code base. One time, I may open more than ten files.

1, I may put some debugging code in the java files, like System.out.println(). But, when I finish, I may forget where do I put the debugging code. Therefore, I need to search all open files -- tons of files. I can't just search workspace, some of debugging codes are for testing. Now, I am missing my favor java editor, jEdit. It allow me to search all opening files.

2, When I open java and html files, but it's getting hard to manage them. Eclipse should have view of all open files. Or to have better way to group different file extensions. Right now, it is hard to look up other files.

3, Another my favor feature in jEdit is tab/space character indicator. My code base is huge and a lot of legacy issue. I need to use space for indentation, but I want to know any tab characters in the files.

Technology Review: Battery Breakthrough?

2007-01-23T14:10:00.000-05:00

Technology Review: Battery Breakthrough?

Along this article, those peoples' comments are most knowledge I ever read.

IE line-height style bug

2007-01-19T13:21:00.000-05:00

I have the following HTML code. The images are really the trouble to line-height style. You can see that when window is very small.

Yahoo is your e-mail portal
Goolge is your search portal
Amazon is your shopping portal


<DIV style="line-height:250%;">
<IMG SRC="http://i.i.com.com/cnwk.1d/i/hdft/xml_sm.gif" ALT=""><A HREF="#"> Yahoo is your e-mail portal</A>
<IMG SRC="http://i.i.com.com/cnwk.1d/i/hdft/xml_sm.gif" ALT=""><A HREF="#""> Goolge is your search portal</A>
<IMG SRC="http://i.i.com.com/cnwk.1d/i/hdft/xml_sm.gif" ALT=""><A HREF="#""> Amazon is your shopping portal</A>
</DIV>

Yahoo is your e-mail portal
Goolge is your search portal
Amazon is your shopping portal


<BR><BR>
<DIV style="line-height:250%;">
<A HREF="#"> Yahoo is your e-mail portal</A>
<A HREF="#"> Goolge is your search portal</A>
<A HREF="#"> Amazon is your shopping portal</A>
</DIV>

Apple - iPhone

2007-01-09T15:17:00.000-05:00

Apple - iPhone
It has built-in google map. That's cool.
What kind of connection for google map? Does it has intelligent to use wi-fi connection if available?

innerHTML

2006-12-27T15:27:00.000-05:00

I have few troubles about innerHTML

1, In Firefox, it can't copy the INPUT text object's value attribute and SELECT object's selectedIndex property.

2, Style sheet won't be copied from one window to the other window.

3, In the TEXTAREA, I have one space and one non-break space(nbsp). Then, I assign this TEXTAREA value into an object innerHTML, but one space left.

Dynamic HTML creation

2006-12-26T18:13:00.000-05:00

I would like to compare the performance of dynamic content creation between document.createElement and innerHTML, because I were looking how to improve the very large table rendering.

I found an very interesting article :

JavaScript optimization: Adding DOM elements to document

This is definitely worth to give it a trial. I am somehow to prefer to use innHTML, because it's easy to trace down the code. But, sometimes, DOM manipulation can't be avoided.

Java SE Performance at a Glance

2006-12-12T12:27:00.000-05:00

What is SUN's promotion for Java SE6?

This page http://java.sun.com/javase/technologies/performance.jsp is so old. Today, I see last article posted December 2005 and only Java 5 mentioned in this page.

This Much I Know - » inline-block in FireFox

2006-12-07T12:50:00.000-05:00

This Much I Know - » inline-block in FireFox

Just learn Firefox display style -moz-inline-box and -moz-inline-block.

What's the difference?
For two nesting DIVs.

When outside DIV is "-moz-inline-box" and inside DIV is "-moz-inlineblock", then
"-moz-inline-box" allows to expand the width if content length overflow.

When both outside and inside DIV are "-moz-inline-block", then
content will be overlay if inside DIV content length overflow.

Charging Batteries without Wires

2006-11-15T16:27:00.000-05:00

New MIT research reveals a way to send wireless energy to mobile phones and laptops.

In page 2,

Using the electric field would pose a health risk, and would be better employed in applications in which people aren't nearby, he says. Conversely, using the magnetic field would be much safer and could be implemented just as easily. "I can't think of any reason to worry [about health concerns]," he says, "but people will."

As technology improvement, everything are getting handy, but doesn't mean people are getting healthy. Got to make some search how electric field and magnetic field affect to people health.

jEditCvs

2006-11-14T22:00:00.000-05:00

Looking at a more completed cvs plugin for jEdit.
Should be as polish as eclipse.

New Motor Trend

2006-11-07T23:27:00.000-05:00

The new Motor Trend web site is much better than before. It's more like an enterprise now. Previously, the page was design for small screen and had no enough space for padding.

window.console

2006-11-03T18:36:00.000-05:00

I tried to control BUTTON size with relative size, like

BUTTON {display:block; text-align:center; width:2em; height:1.5em; padding:0;}

However, Safari give me a bigger size.
So, I tried to size down from javascript.

if (window.console) { //safari
document.writeln("<style type="'text/css'">");
document.writeln(".ccActions BUTTON {width:1.5em; height:1em;margin-bottom:2px;}");
document.writeln("</style>");
}

Unfortunately, my Firefox 2 understood window.console. I
was surprised, but I didn't see it in the mozilla DOM reference.

But, I didn't have this problem in my new laptop's FF2. So, I looked at my extension. I disabled Firebug, then I found my script was good again.

So to be safe, I change my Safari condition as
if (window.console && window.console.log) //safari

Another Notes :
When I tried
if (window.console && window.console.log()) //safari
Safari crashed. Despite Safari is rarely crashed, but I still don't like.

Resume my blog

2006-11-03T18:20:00.000-05:00

Previously, I found blogger only kept my one year blog. I was upset and stop to post.

Now, I see my early post shown again. It's time to resume.

Gun Engine Explodes Fuel Efficiency

2006-05-03T11:13:00.000-04:00

Gun Engine Explodes Fuel Efficiency

Check it out, one gallon 220 miles.

eyehook - games : COLOR box

2006-04-26T11:56:00.000-04:00

eyehook - games : COLOR box

Nice color game.

National Sex Offender Registry

2006-04-25T14:18:00.000-04:00

National Sex Offender Registry

Just checked it and saw a very weird browser behavior. I used Firefox to check offender. When I clicked each square, but an IE modal window popped up.

Widgets, BitTorrent, content blocking: Introducing Opera 9 Beta

2006-04-21T11:13:00.000-04:00

Widgets, BitTorrent, content blocking: Introducing Opera 9 Beta

Play new Opera 9 for a day. There are a lot of imporvement in the style sheet, but I still see few problem.

The interesting thing is when I visit youtube. Usually in Firefox, I click "Home" tab to go to the front page and I can see "Recently Viewed" differently each time. But, when I try Opera 9, those recently viewed thumbnails are never change.

Live Journal

2006-04-18T12:34:00.000-04:00

In the front page of LiveJournal, I see "journals and communities created since 1999". They must be the ancestor of blogs. I don't see good index and listing in the front page, so I am wondering how do they get their post public.

There is an interesting statistics. I guess teen like web.

Age Distribution

The following shows the age distribution of LiveJournal users:

13	18111
14	86152
15	208933
16	343292
17	402602
18	415630
19	407798
20	374305
21	306239
22	241646
23	196216
24	154057
25	128022
26	100316
27	74239
28	59702
29	49253
30	40438
31	34715
32	27681
33	24569
34	21020
35	20230
36	18281
37	14073
38	11175
39	10222
40	8597
41	7747
42	6677
43	5884
44	5474
45	5978
46	5314
47	4245
48	3569
49	3335
50	3312
51	2978
52	2508
53	2240
54	1882
55	1959

FIELDSET/TABLE Padding

2006-04-17T15:57:00.000-04:00

Another headache about FIELDSET. I have two FIELDSETs side by side ( left and right).
The left side is for Work Address and right side is for Home Address. They are almost same except Organization and Position in Work Address.

I try to make there two FIELDSETs in the same height with style sheet height:30em, but Firefox gets more space in the bottom.

Finally, I find that IE will have margin on the top/bottom of each INPUT text field. So far, I have no luck to remove the extra margin on the top/bottom of text field.

CLC-4-TTS and Fire Vox

2006-04-04T12:17:00.000-04:00

I am looking a screen reader for Firefox itself for a while. Few days ago, I heard Fire Vox from Frank Hecker.

I tried to install it few times, but still no luck. I hope a copy of Fire Vox hosted in mozilla extension.

Safari contentEditable

2006-04-03T13:02:00.000-04:00

Interested move -- Safari is going to use contentEditable behavior to do textfield. It's definite to benefit css. My immediate question : does this apply to textarea, too? And, is this really compatible since people were talking about range issue in the contentEditable?

Actually, my major concern is when scrollbar will be always displayed correctly in the textarea.
Right now, if textarea is small, the up/down arrow won't display.

Safari always claim great feature. When I examine it, it's kind of crippled.

Eye on rival YouTube, Atom overhauls video site

2006-03-30T16:57:00.000-05:00

Just Check AtomFiles web site. They don't have the major feature, random select films in the front page, like YouTube. Sometimes, I just want to browser it, but not any particular topics.

Suggestion to Google toolbar

2006-03-29T10:42:00.000-05:00

So far, I can't a spell check extension for Firefox in windows. The spell check Google toolbar may be helpful. But, I think, it can be more helpful if the spell check function is the context menu. Some of my web forms are on the pop up window.

Heavy

2006-03-27T16:03:00.000-05:00

"This will be over faster than your last relationship" and ".001 percent of your daily ad intake" are the sorts of wisecracks users see right above the video commercial that greets them when they visit Heavy.com.

Just try to look at it what is that. Is this another site like youtub.com ?
My guess they are suffering the growing pain now. I just can't connect the site.

Flash and Flex

2006-03-08T10:38:00.000-05:00

Whatcott said the Adobe platform supports things that AJAX does not support, such as programmable audio, video, vector graphics, synchronous publish/subscribe data connectivity, offline data storage and cross-domain data access.

Constantly, I use iframe to add other domain content; however, there is always security issues and can't expand iframe to content max size. Just read an article from eweek and put a quote on the top. Is flash my solution?

Safari Compatibility Hit List

2006-03-07T12:47:00.000-05:00

The WebKit Open Source Project post compatibility hit list today. Usually, using Safari to look at a pure thml page is great -- nice and neat font. But, when looking at more complicated pages, safari is like the secondary browser. It lacks HTML editor and a lot of JavaScript issues.

Besides standard compatibility compliance, I hope Safari can catch up usability.

Acrobat User Community

2006-02-24T10:53:00.000-05:00

My first throught about www.acrobatusrs.com is message board. People can post question to get help from web community. But, when I vist the site. I see blogs and some other learngin materials, not message board. Anyway, this is great move for adobe.

I have mixed feeling about PDF file. I would like people to send me PDF file instead of MS word file, but in the web, I will try not to open any PDF file. I think Acrobat reader is a monster as many reasons.

Web-based Intranet and Internet Information and Applications (1194.22)

2006-02-23T12:38:00.000-05:00

Sestion 508

(n) When electronic forms are designed to be completed on-line, the form shall allow people using assistive technology to access the information, field elements, and functionality required for completion and submission of the form, including all directions and cues.

There is a grey area on checkbox and radio button. Where do I put LABEL.

For example :

Accessories :

[ ] Printer

[ ] Monitor

[ ] Keyboard

[ ] Mouse

I believe each checkbox need to associate a LABEL with text on the right side.

Google unveils Web page creator | CNET News.com

2006-02-23T09:45:00.000-05:00

Like to see how google doing the web pages. Unfortuately, the system said a little hiccup at this moment.

MAC OX 10.4.5

2006-02-15T10:38:00.000-05:00

Just upgraded from 10.4.4. I still couldn't get IE 5 work. I understood IE was unsupported on MAC. I could open up IE, but "Finder" came up if I clicked any links on IE. That's kind of weird.

I also installed Camino yesterday, so far so good.

Safari and Textarea

2006-02-14T15:20:00.000-05:00

Safari try to take some advantage native UI; unfortunately, the TEXTAREA is not quite right.

1, The scrollbar up/down arrow can't be shown, if rows less than 4.
2, Try to control textarea height, but scrollHeight is fixed number and never be changed.

Open Source Flash - osflash

2006-02-14T14:03:00.000-05:00

Push down binary object at runtime -- it's a dream idea for web developer. It's going to be lightweight and fast.

However, Flash is really another world for me. Get the idea, but don't know how to start a sample.

Linux users say OS needs touch-up with Photoshop | CNET News.com

2006-02-06T19:42:00.000-05:00

GIMP is my favorite graph tool. It's free. Since I am not professional graph designer, I only use some very simple tools on windows XP. And, it works for me.

JavaScript Graphics Development

2006-02-01T13:17:00.000-05:00

The other day, I were thinking how to draw fourier wave by using javascript canvas. At that moment, my assumption was that as long as I could figure out how to draw sin and cos, then I could do that.

Now, I just looked at the site http://davidbetz.net/graphics/ how to draw sin and cos. To draw a wave, it draw pixel by pixel. In this case, I need to work on my math how to calculate intrgral, then draw a fourier wave.

9X Media - FAQs

2006-01-31T17:45:00.000-05:00

It's amazing -- LCD display wall and made in the USA. I am wondering USA actually produce LCD panel.

My guess wall street must have a lot of LCD walls.

SeaMonkey Releases

2006-01-31T15:20:00.000-05:00

 I just downloaded a zip version of SeaMonkey and opened it, but it didn't seem to accept cookies. By the way, that interface is just too old.

OSNews.com

2006-01-26T12:59:00.000-05:00

People reporting 10.4.4 were buggy.

No wonder the other day I opened IE on MAC, none of links counld be clicked. At that moment, I thought Apple really forced people to use Safari.

The W3C Markup Validation Service

2006-01-24T19:04:00.000-05:00

Today, first time I put my web page into w3c validator. Not to mention countless errors.

But, I have to two fundamental errors :

1, In web page I have

meta equiv="Content-Type" content="text/html; charset=iso-8859-1"

, but apache send out utf-8 encoding in the responding header.

2, Unencoded ampersands in URL

Link like href="q?p=welcome&id=" was failed.

According to http://www.htmlhelp.com/tools/validator/problems.html#amp

, it should be href="q?p=welcome&amp;id="

brandchannel.com | brandchannel Readers Choice Awards 2005 | Brands Rankings, Research, Lists | branding and marketing portal | brand | brands | branding

2006-01-24T16:06:00.000-05:00

I probably watch not much TV. I know craigslist classification and go to Whole Foods a lot, but I just don't know Lance Armstrong.

IEBlog : For the SELECT few...

2006-01-24T14:17:00.000-05:00

First, I am wondering how many peoples are working on IE?

As to SELECT (MS combobox), it's most buggy object in IE.

Now, they have windowless fix. The other problems I have :

1, OPTION style sheet support.

2, If a LABEL object is associated with SELECT. Click this LABEL, then the related SELECT get focus. Unfortunately, the SELECT always select the first item.

3, Use style sheet to set a small size to SELECT object. When drop down pop up, the longer item OPTIONs will be cut off.

printfire()

2006-01-19T16:01:00.000-05:00

Just like inline output from Firebug extension.

printfire("hellow world");

It's much easier than standout output "dump".So, no more alert(), no more dump() for debuging.

There is no way to use IE as my default development environment.

Mozilla Update :: Extensions -- More Info:FireBug - All Releases

2006-01-19T10:30:00.000-05:00

It's much better than console2. Nice UI. My favorite part is js error indicator. This is very useful. I don't need to keep my js error console opening.

Bug 184968 - Implement Sidebar tab similar to "Page Holder" function in Mac IE 5

2006-01-19T10:21:00.000-05:00

I like IE5/MAC showing tool tab on the left side of window. AOL Explorer has this kind of feature, too.

jEdit is my favorite java editor. It has this kind of feature. I can hide all add on tools on the side panel and reserver the main window for the file I am working on.

Surfin’ Safari » Blog Archive » Introducing the Web Inspector

2006-01-17T14:52:00.000-05:00

It's much better and useful than Firefox DOM Inspector.

Animation giraffe again.

2006-01-17T14:40:00.000-05:00

Can you move?

Giraffe

2006-01-17T14:26:00.000-05:00

I heard once giraffle's head hit the ground. That's over.

Apache HTTP Server Project

2006-01-16T11:54:00.000-05:00

Apache released 2.2 in the early of December 2005. The feature list is excited. It has Tomecat load balancer.

But, So far, I don't see window binary distribution. By the way, what's is "Apache Portable Runtime (APR)"? It's sort of virtual Machine like Java.

Music stops for Mac Windows Media Player | CNET News.com

2006-01-13T09:43:00.000-05:00

Great news for mac. MS always offer their softwar into other platform differently, not full features. By the way, it's not for sale. It's better to kill it.

Bug 160162 - MARQUEE loop property not supported

2006-01-12T09:32:00.000-05:00

This other day, I tried to implement alert message (like system tray -- show, then come down to hide) with marquee tag. Sooner, I realized Firefox didn't support loop attribute.

Firefox innerText

2006-01-11T14:04:00.000-05:00

I just implemented a method to get innerText. It's for a complicated document.

function ccGetMZInnerText(element) {

var innerText = "";
if (element.hasChildNodes()) {

var displayType = window.getComputedStyle(element,null).getPropertyValue("display");
if (displayType != null && displayType!="none") {
for (var i = 0; i <>
if (element.tagName=="P") innerText = "\n" + innerText;
innerText = innerText + ccGetMZInnerText( element.childNodes[i] );
}
if (displayType!="inline") innerText = innerText + "\n";
}

} else {

if ( element.nodeType == 3 ) {// text
innerText = innerText + ccTextCorrection(element.nodeValue);
} else if (element.nodeType == 1) { //object
var displayType = window.getComputedStyle(element,null).getPropertyValue("display");
if (displayType == null || displayType=="none") {
} else if (displayType=="inline") {
innerText = innerText + ccTextCorrection(element.textContent);
if (element.tagName=="BR") innerText = innerText + "\n";
} else {
innerText = innerText + ccTextCorrection(element.textContent) + "\n";
}
}

}

return innerText;

}

function ccTextCorrection(fooString) { //replace to blank, and remove line break.
return fooString.replace(/ /g, " ").replace(/\n/g, "").replace(/\r/g, "");
}

Web Applications 1.0 - ping

2006-01-11T13:58:00.000-05:00

Ping -- it's interested attribute for hyper link (A). Firefox just have it. Is this good for tracking system? Got to find a good use case.