有時上網；電腦用一用常常會忘記時間的流逝。

KuKu Klock 提供了線上鬧鐘的服務，操作相當簡單，易用。

DOM 操作範例

下拉式選單

要在 select 或是 dropdown 元件中加入新的項目：

optionItem = new option(text, value, defaultSelected,
                         selected)

或是

  var opt = document.createElement(‘option’);
  opt.value=value;
  opt.text=text;
  select.options.add(opt, index);

動態建立表格

下面的程式碼示範如何取得表格目前的列數（row）。
若是表格目前沒有任何一列，則設定為 0。

   var lastRow = tbl.rows.length;
   var row = tbl.insertRow(lastRow);
   var cellLeft = row.insertCell(0);

接著下面示範如何動態加入表格內容：

  var totalRows='1'; //假設要完成的總列數為 1 列
  var totalCols='2'; //            總行數為 2 行
  var intRow;
  var intCol;
  for(intRow=0;intRow<totalRows;intRow++)
  {
     var row = tbl.insertRow(intRow);
     for(intCol=0;intCol<totalCols;intCol++)
     {
        var cellLeft = row.insertCell(intCol);
     }
  }

TextArea

下面示範如何動態建立一個文字區塊，並設定列數和行數

  var sample=document.getElementById('sample');
  var el = document.createElement('textarea');
  el.id="sample";
  el.rows=20; // 列數
  el.cols=20; // 行數
  el.style.backgroundColor="#FFFFFF";
  el.style.width="120px" ;
  el.style.height="120px";
  sample.appendChild(el);

動態加入文字

利用 text node 來加入文字內容：

 var textNode = document.createTextNode('hi');
 document.appendChild(textNode);

線上影音轉檔服務

現在越來越多的網站提供多元化的服務，也許哪天真的硬碟裡甚麼軟體都不用安裝，只要裝個網路卡驅動，加上瀏覽器就好了。

Movavi Online Video Converter 就提供了免費的線上合併、轉檔的服務，支援相當多的格式，並能直接將轉檔合併好的結果寄送到指定的 EMail 信箱，相當的方便

將排版後的程式碼轉換成 HTML 輸出

藉由 Hightlight Code Coverter 可將一般 IDE 或程式碼編輯器撰寫好的程式，轉換成 HTML 的輸出，並維持排版以及 highlight。

一個應用是用來貼在目前不支援程式碼 highlight 的 Blogger 上。

不要在伺服器上儲存圖檔了

利用 The data: URI kitchen 吧。 產生的字串類似：

var src="<a href="data:image/png,%89PNG%0D%0A%1A%0A%0DIHDR
%10%08%06%1F%F3%FFa%02%A4IDAT8%8D%A5RMkSA%14%3Do%E6%E5%7D%A4I
%8CIj%954j%2B%ADE%B1-%B8%90%AA%20%A2%B8%90%20%8A%8B%82hWn%0AU
%04%C5b%DDt%A5%9B%FE%02%B1%08BtQp%A1%2B7B%09%8A%18%85%12%84BA
lMJcb%9A%F7%F2%F1%5E%DE%D7%8C%8B%B4%86%D0%EE%1C%18%98%7B9%9Cs
%E6%DE%23p%CE%F1%3FG%DC%B5%BB0%28%C1%2C%9D%E5%9C%F7%0B%02L%10
%FA%197%CB%3Fv%83%0A%1D%0E%DE_%26%CE%EA%C7%7B%96%D5%F3%98%85O
F%B8%BC%1F%E0.%88%B1%02Z%FD%B6%A8F%D8%5Dab3%BB%2B%01%7Bw%81%D
8%3F3%AF%EC%E0%A5qq%28%09%A2%86A%A3%87a%D6*%F0%D5%F2%60%D5%02
%BC%EF%CF%1A%FE%60%E9%8Ax%5B%FB%B0M%40%B6%1FN%EE%EB%03%5B%19%
1B%97%8E%9E%83%E4%AFC%8A%8A%F0%25FQ%A6a%C8A%1DRT%01%3D%3E%D1%
D5%D4%D4%05w%BE%BB%BB%83%C0%99%EFU%1D%2B0%A3%0C%9D%82%1C%D2%2
1%8A%1A%08%ABoA%18%08%D7%E0%93u%A8%FB%1C8%13q%1B%F6%FD%0E%02%
D6%AC%9D%27%D1%81%3D%BE%80%01%C1%D1%5B%03%DCF%0B%C1%19%60i%80
%A5%810%1Dj%7F%02%9E%A7%5C%ED%D8%02s1%E0%8B%86%218U%60%7B%A6%
96%DE%D2w%9B%40%23%0F8%3A%40%7C%A0r%0Fh%28r%04%F5%1C%10Hl%AD%
END%AEB%60%82</a>

直接利用

var icon=document.createElement('img');
icon.src=src;

即可（注意 IE 不支援）