Random Notes

Wednesday, June 23, 2010

Write but Can't Read

an author of many books (Howard Engel) found himself one morning unable to read but yet he was/is able to write. Wrote even two more books according to

http://www.npr.org/templates/story/story.php?storyId=127745750

Friday, April 30, 2010

Steve Jobs on Flash and the iX Platform

http://www.apple.com/hotnews/thoughts-on-flash/

New open standards created in the mobile era, such as HTML5, will win on mobile devices (and PCs too). Perhaps Adobe should focus more on creating great HTML5 tools for the future, and less on criticizing Apple for leaving the past behind.

It's very interesting and I don't mind seeing less of Flash and more HTML5.

Monday, April 12, 2010

Tableless

I just wanted to post this html code here for my future reference. This document was originally auto-generated to show some images. The tool generated table tags and used rowspan and colspan in ways that caused most browsers to show gaps between certain images.

I converted the code to use ol tag and with some css styling (using float and display properties) the images lined up perfectly on standards compliant browsers (chrome, firefox) .

For IE7 and below I used conditional commenting to raise up some of the images.

Note that when using a layout like the one shown below and when the browser's window is resized, the images will move to fit new window's size. To prevent images relocation, I set the display property of the ol tag to table so it will behave like a table. However IE6 and I think IE7 does not respect this property so I added an actual table around the ol tag.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
  body
  {
  margin:0px;
  padding:0px;
  }
  table
  {
  margin:0px;
  padding:0px;
  }
  img
  {
  display:block;
  margin:0px;
  padding:0px;
  background-color:#75b044;
  }
  ol
  {
  list-style-position: outside;
  list-style-type:none;
  margin:0px;
  padding:0px;
  display:table;
  }
  li
  {
  margin:0px;
  padding:0px;
  
  
  }
  .li1
  {
  float:left;
  margin-top:0px;
  }
  .li2
  {
  float:left;
  margin-top:-1px;
  }
  .moveleft
  {
  margin-left:-1px;
  }
</style>
</head>
<body>
  <!--[if lte IE 7]>
      <style>
 .li1
 {
 margin-top:-4px;
 }
 .li2
 {
 margin-top:-20px !important;
 }
 </style>
      <![endif]-->
  
  <table cellpadding="0" cellspacing="0"><tr><td>

<!-- added table to prevent images from re-locating-->

<!-- when window is re-sized in IE6 because it does not -->

<!-- respect display:table css property -->
 <ol>
   <li>
     <img  id="banner"  alt="" src="" />
     </li>
   <li class="li1">
     <img  id="leftRowSpan1" alt="" src="" />
     </li >
   <li class="li1">
     <img  id="leftRowSpan2" alt="" src="" />
     </li>
   <li class="li1">
     <img id="rightRowSpan1"  alt="" src="" />
     <img id="rightRowSpan2"  alt="" src="" />
     </li>
   <li style="clear:both;"  > </li>
   
   <!-- third row -->
   <li class="li2 ieli2">
     <img id="leftRowSpan3" alt="" src="" />
   </li>
   <li class="li2 ieli2">
     <img id="leftRowSpan4" alt="" src="" />
     </li>
   <!-- third row right images -->
   <li class="li2 ieli2 moveleft">
     <img id="rightRowSpan3" alt="" src="" />
     <img id="rightRowSpan4" alt="" src="" />
   </li>
   <li style="clear:both;"></li>
   <li class="li2 ieli2">
     <img id="leftColSpan1" alt="" src="" />
     </li>
   <li class="li2 moveleft">
     <img id="rightColSpan2" alt="" src="" />
   </li>
   <li style="clear:both;"></li>
   <li class="li2 ieli2">       
     <img alt="" src=""/>
     </li>
   <li class="li2 ieli2 moveleft">
     <img alt="" src="" />        
   </li>
   <li style="clear:both;">
      <img id="footer" alt="" src=""/>        
      </li>
        </ol>
 </td></tr></table>
</body>
</html>

Wednesday, April 7, 2010

Keyboardless Future

We will see more and more touch-enabled computing devices. But will touchscreens be the norm and keyboards the exceptions.

http://www.readwriteweb.com/archives/farewell_keyboard_generation_i_will_grow_up_on_touchscreens.php

Wednesday, March 17, 2010

Phone BSoD

as you can in image, my phone showing "the blue screen of death" there are some debugging information mot_nvim_glue.c and the line number too. some other debugging info are given too. It turned out that motorola was sending emails with these debugging information from my phone directly to there servers.

Monday, December 7, 2009

KSW Forms

This is a truly amazing and beautiful demo of many KSW form by master Sung Jin Suh.

If you're trying to perfect your Ki Cho Hyung, pay close attention starting @ 2:55.

And while you're at it enjoy the impossible dream.

Another KSW demo is here (requires facebook login)
http://www.facebook.com/video/video.php?v=1153365839906&sfrm

Friday, November 13, 2009

Stranges Behavior with AutoCompleteExtender

Two odd behaviors with AutoCompleteExtenders I wanted to jot down before I forget.
If have want to set the focus on the textbox bound to the AutoCompleteExtender using JavaScript code (on pageLoad for example), the AutoCompleteExtender won't work

here's more on this and a solution
http://forums.asp.net/t/1397904.aspx

and here http://forums.asp.net/t/1220054.aspx

The other odd behavior is I think when we have a textbox with AutoCompleteExtender, the page tries to find the first input element with type = "submit" and selects such that if you hit enter that button will be clicked. I am not 100% sure, but I ran into this today.

I got around this by adding UseSubmitBehavior="false" property to all the buttons in the page. Doing so cause a problem, because some buttons had OnClientClick property populated and when their UseSubmitBehavior property set to false, they stopped submitting the form. The work around here is to submit the form using JavaScript code for example

asp:Button id="btnNew" runat="server" UseSubmitBehavior="false"
OnClientClick="if(validateForm()) this.form.submit();"