Ubuntun file system in the windows 10

It's in

C:\Users\[user name]\AppData\Local\Packages\CanonicalGroupLimited.UbuntuonWindows_79rhkp1fndgsc\LocalState\rootfs

Install jdk 8 into Ubuntun in the windows

Today, I would like to see if I can get Confluent platform working in the windows.

Trying to install JDK 8 now.

Learn the installation from
sudo add-apt-repository ppa:webupd8team/java 
sudo apt-get update 

sudo apt-get install oracle-java8-installer

However, it's not available as oracle tighten the jdk license recently.

Find another package

sudo apt-get update 

sudo apt-get install openjdk-8-jdk

I can get through  this installation

Simple way to start up kafka in windows

In the kafka home folder, create a start script like

D:\apps\kafka_2.12-2.2.0\start.bat

start "Zookeeper" bin\windows\zookeeper-server-start.bat "config\zookeeper.properties"
start "Kafka" bin\windows\kafka-server-start.bat "config\server.properties"

Kafka command line cheat sheet in windows

The following are the command line to startup kafka after installed.
In here, I have kafka unzip into d:\app.

Start kafka

cd D:\apps\kafka_2.12-2.2.0

bin\windows\zookeeper-server-start.bat "config\zookeeper.properties"
 
bin\windows\kafka-server-start.bat "config\server.properties"


Topic :

Create topic
bin\windows\kafka-topics.bat --create --bootstrap-server localhost:9092 --replication-factor 1 --partitions 1 --topic test   

List topic
bin\windows\kafka-topics.bat --list --bootstrap-server localhost:9092

bin\windows\kafka-topics.bat --describe --bootstrap-server localhost:9092

bin\windows\kafka-topics.bat --describe --bootstrap-server localhost:9092 --topic test

Producer:

console
bin\windows\kafka-console-producer.bat --broker-list localhost:9092 --topic test

Power shell to pipe apache web server access log
gc access.log | D:\dvp\kafka\kafka_2.12-2.2.0\bin\windows\kafka-console-producer.bat --broker-list localhost:9092 --topic test
 
gc access.log -wait -tail 1 | ... (Like linux tail -f access.log. Not working)

Configure apache httpd.conf
TransferLog "| d:/dvp/kafka/kafka_2.12-2.2.0/bin/windows/kafka-console-producer.bat --topic test --broker-list localhost:9092"

For both pipe and TransferLog, I really doubt the reliabliability.




Consumer:
Console
bin\windows\kafka-console-consumer.bat --bootstrap-server localhost:9092 --topic test --from-beginning

Starting hadoop in windows

If you run start-dfs.cmd and see the error like the following

... FATAL datanode.DataNode: Exception in secureMain

java.lang.RuntimeException: Error while running command to get file permissions : ExitCodeException exitCode=-1073741515

Or like the message in the stackoverflow : https://stackoverflow.com/questions/53341528/java-lang-runtimeexception-error-while-running-command-to-get-file-permissions#new-answer

Try to run winutils.exe in the command line.

If you see the following message :

The code execution cannot proceed because MSVCR100.dll was not found. ....

See how to fix in
https://www.lifewire.com/how-to-fix-msvcr100-dll-not-found-or-missing-errors-2623799 

Or google your solution.

My first github publish

Start to put my first angular app to the github. https://ccapeng.github.io/uicomponent/

‘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.

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.

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.

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?

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.

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.

CSS Comparison Chart

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1. 
   PHP is easy to develop and deploy.
   


2. 
   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.
      
   
   


3. 
   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.
   


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


5. 
   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

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

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"

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

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()

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

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

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

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

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

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

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

Here is solution.

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

Problem with IE print preview and window.close()

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()

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

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

<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

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.

This is my another day pain.

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

MSN virtaul Earth

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

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

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...

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

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

IE input % width problems

Today, I got the same problem, too.

Tableless forms?

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

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?

Technology Review: Battery Breakthrough?

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

IE line-height style bug

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

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

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

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

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

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

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

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

New Motor Trend

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

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

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

Gun Engine Explodes Fuel Efficiency

Check it out, one gallon 220 miles.