我一定是コードギアス的劇情討論看太多才會看錯成這樣 囧 。

這篇想寫很久了，test case的檔案也寫好超過一個月了，這次用了3(?)個case來說明，以下每個test-case都有三個h2標籤，然後透過getElementsByTagName來取得這三個h2，接著用for迴圈來對每個h2加上click事件，click後會alert i的值出來，i是for迴圈的索引值。首先來看一下第一個case的script：

var subHeads = document.getElementsByTagName('h2');
for (var i=0; i<subHeads.length; i++) {
    subHeads[i].onclick = function () {
        alert(i);
    };
}

這個case中，使用非常直觀的想法，不過他的結果是每個h2 click下去都會alert "3"出來，實際上每個click都是執行一個function，這個function會執行alert function，並且送 i 這個變數作為輸入值，不過實際上使用者click動作發生時，迴圈已經跑過一遍，而且 i 的值已經變成3了，所以你不管click哪一個h2，實際上都是做 alert(3) 這個動作。

↑ ↑ ↓ ↓ ← → ← → B A

這有名的秘技相信大家都有印象，前陣子Google Reader還拿了這個指令來用，最近突然很想把它寫出來，今天下午終於花了些時間弄出來，在這個js檔案裡面定義了一個konami的自定函式，只要把輸入命令後想要做的動作寫成function作為參數來呼叫這個函式即可，以執行一個alert動作為例：

konami(function(){alert('You got 30 lifes.')});

• Konami Command Script
• Konami Code(Command)

今天要來介紹的這個CSS TIP，一部分是為了應付IE的box model才出現的。

首先，我有一個固定寬高的頁首區塊，也就是我接下來要介紹的CSS TIP所可以應用的地方，這種頁首區塊內的文字通常只有一行，其他類似的物件還有各種標題（h1~h6）、導覽列清單（li）等。這些區塊物件在還沒有任何設定的時候，裡面的文字通常都是貼齊左上角的，這邊舉一個 h1標題 的例子，它的 CSS Code 如下：

h1 {
    font-size: 200%;
    color: #fff;
    background: #000;
    height: 100px;
}

顯示結果如下：

session_start();
session_register('id');
$_SESSION['id'] = 1234;

本來查文件是說直接用$_SESSION這個變數就可以，不過測試過後還是要用session_register註冊一下變數名稱，不然會沒辦法把session傳到其他頁面。

推出已經3天的Google瀏覽器，還蠻讓人期待最後正式版的樣子，不過目前有一些問題我覺得要先解決，首先是安裝問題，不少人無法安裝，我自己也有一台電腦是這樣，後來抓了離線版安裝檔順利安裝了，但是卻有一些功能和設定不能正常使用。另一個是memory leak問題，雖然Google說他們用多個process來處理記憶體問題，但不表示就可以不處理這問題，不然像我還是成功的讓Google Chrome吃了1G的記憶體。

Firefox 3我不管怎樣弄大概吃到500多MB就最多了，當然我的測試不是開無限多圖，無限多分頁啦，基本上是開一個數百張圖的網頁，然後我發現Google Chrome只要我一直卷上卷下，那個記憶體就會越吃越多XD。

再來講講優點，其實就是，使用者介面的效果很棒，而且很流暢，我最喜歡的就是書籤工具列的切換，有兩種，第一種是平常看網頁的時候，直接Ctrl+B，就會有類似slide out感覺的動畫效果，另外一種則是隱藏書籤列時開空白新分頁，那個預設的頁面上也有個書籤工具列，如果這時候按下Ctrl + B，就會看到網頁上的書籤工具列往上移動和視窗的介面部分接在一起，感覺棒，而且效果很流暢。

另外就是用的訊息蠻有趣的，除了讓一堆人重病的「是不是我講錯什麼話讓你不開心了？」以外，確定反安裝後，還可以回他說「我沒有不高興（I am not unhappy）。」不過這些訊息在日文版似乎都修掉了，感覺有點可惜，又不過反正我也不會去用日文版，也覺得也沒差啦。

就在全世界都在關注Google瀏覽器的時候，Google其實還同時公開了新版的Picasa Web和桌機的Picasa 3 beta版，一如往常的我懶得花篇幅介紹各種新功能，不過現在Google超貼心，都會提供YouTube影片來介紹軟體的新功能：Picasa 3 beta、Picasa Web的新功能，人臉辨識（目前只有英文版有）。

新功能在Youtube的影片都介紹的很詳細了，所以我要介紹的就是比較其他的東西，首先是Picasa Web的人臉辨識可以抓到Mii的大頭，其實不只Mii的大頭，還有一堆有的沒的遊戲角色都抓的到XD。

另外一個則是Picasa 3內新附的圖片瀏覽器Picasa Photo Viewer，功能和設定選項還不多，不過介面實在蠻漂亮的，有裝Picasa 3的人可以順便玩玩。

• Introducing Picasa 3.0

前陣子就聽說Google要推出瀏覽器了，今天起來後真的看到Google公布消息，網路上也到處鬧的沸沸揚揚的，目前Google是說使用WebKit做render engine，Javascript則是使用V8引擎，是Google自己開發的Virtual Machine，目前大部分和瀏覽器相關的訊息都在官方發表的Google Chrome的簡介漫畫裡面，包括我上面提到的兩點，還有介面的設計、Open Source、一些使用概念等。Google Blogsphere偷倒了幾張使用畫面，我也從他們那偷一張過來放:P

我比較驚訝的是Google Chrome沒有工具列，之前已經有一個IE7這樣做失敗了，不知道Google表現會怎樣就是，總之，明天就可以下載測試版了\A_A/。

• A fresh take on the browser

上個週末去高雄參加了結構工程研討會（所以沒去COSCUP），順便參加了工程參觀的捷運美麗島站，所以有機會看到還沒開放的光之穹頂，這大概是我這次高雄行印象最深刻的一個景點了，高雄捷運美麗島站將會是兩條線的交會處，也是唯一的轉乘站，捷運站也座落在高雄交通要到的中正路和中山路路口，我想等正式開放後，一定會成為新的高雄地標，不過絕對不只是因為他交通要衝的關係，站內的光之穹頂實在令人印象深刻。高雄捷運站體在設計階段就已經把公共藝術放進來，之前已經很有名的像是中央公園站的那個天花板(?)，不過中央公園站更有名的應該是意外成為許願池的許願池吧，而這樣的規劃讓高雄捷運站整個感覺表現就是很出色，不過也不是說台北捷運站比較爛，台北捷運站當初設計階段還沒有公共藝術品的需求，而是法案通過後才加上的。不扯別的，美麗島站有四個主要出口，進到地下一樓後，就會直接到這個廣場，廣場的天花板就是光之穹頂，實在是很漂亮，我的照片拍的不夠好，曝光好像不太夠，希望大家未來都可以親自去看看。

原文：10 Principles of the CSS Masters

1. 保持CSS簡單乾淨 - Peter-Paul Koch

少用CSS hack。

2. CSS宣告盡量放進一行 - Jonathan Snook

舉例來說：

body {margin: 0; padding: 0; background: #fff;}

不過這工作我覺得交給機器來做比較好。

3.使用簡化的寫法 - Roger Johansson

使用如下的簡化寫法：

border-width: 0 1px 2px 3px;

而不是用border-top-width、border-right-width、border-bottom-width、border-left-width分開設訂定。

4.讓區塊元素自己填滿空間 - Jonathan

設定width的話，就不設定margin、padding，設定margin、padding的話，就不設定width，這樣可以迴避掉IE的box model錯誤。

5.用float元素自己clear float - Trevor Davis

其實是利用 :after { clear: both; }來做啦。

6.使用負的邊界直 - Dan Cederholm

讓物件突出更顯眼。

7.使用CSS把版面置中 - Dan Cederholm

固定寬度的版面配置，盡量使用CSS把內容置中。

8.使用正確的DOCTYPE - Jeffrey Zeldman

好處多多。

9.使用CSS把物件置中 - Wolfgang Bartelme

雖然不是指整個版面而是指所有想要置中的東西，不過原文的例子還是把網頁主內容來置中，結果和第七點蠻容易混淆的。

10.善用大小寫轉換 - Trenton Moss

和中文語系使用者關係不大。

最後看下來，扣掉第10點，9點中我有7點有做到吧...

大約是上週的消息了，ECMAScript原來有兩個團隊在進行新標準的制定，分別是增加很多新功能的ECMAScript 4和以穩定為主的ECMAScript 3.1，不過在最近的會議，這兩個團隊被合併成為一個，並且改以ECMAScript 3.1為主，並把ECMAScript 4的部分功能放進3.1內。類似的事情之前才在HTML Working Group發生過，XHTML 2和HTML 5的時候狀況也是這樣，XHTML 2被認為太過理想化，無法推廣，於是有群人跑出來成立了WHATWG，並且制定了HTML，後來W3C也從善如流，重整HTML Working Group，並把HTML 5放進來，雖然HTML 5還沒制定完成，不過目前看起來就是很有希望成為下一代的HTML標準主流，雖然我對於他的制定進度還是不太滿～～

ECMAScript 4則是包含太多新功能，有一些被認為對網路不好，畢竟主導的是幾家大企業，裡面會有這些東西也不太讓人意外就是，總之目前制定到一半的ECMAScript 4就先被放棄了。

• ECMAScript Harmony

Movable Type 4.2才剛推出，馬上就又有新版了，因為回報有兩個bug會造成資料遺失，所以six apart很快的就推出4.21的更新版，有升級到4.20的快去更新喔。

• Important Update: Movable Type 4.21 now available

剛剛看完小叮噹最新的劇場版，正準備要點開另一片動畫的時候，某A大人問我「惡意賣萌」這詞的出處，因為komica wiki沒有記錄出處。剛好我有看過，還有點印象，就花了些時間去找了出來。

「惡意賣萌」出處是overload大大在巴哈姆特的GameAC版發表的「[心得]話題作KANON，完食負面感想」一文，發文時間是2007年3月28日深夜0點20分，引述該文章前面一點的部份：

作    者：overload (叫我主人)
標　題：[心得]話題作KANON，完食負面感想
時　間：Wed Mar 28 00:20:24 2007


先聲名我沒看過東映版也沒玩過原作


這次的劇情雖然不算差，但個人認為也不算太好，從一開始主角忙錄的跟每位女主角

有交集，到第7話開始攻略每個女孩，覺得有點像在玩GAME一樣，事件變成像是預

備好的只是等著主角去觸發，再加上各篇之間的主題並沒有連接的很好，導致看到最

後很難將每個故事想表達的主題連貫在一起。



以下為個人認為這次KANON的缺點，或者一些自己的不滿。


1.角色惡意賣萌

現在回想起來，那還真是個惡意賣萌的年代啊，在這篇文章前後，GAC版有三四串有點交集的討論串，最早的一串是godivan的失去角色靈魂的動畫，京阿尼版KANON感想，接著有a29938234的[心得]對最近的日本ACG的某些感嘆，再來是a21534782676的[心得]失去靈魂的動畫，Kanon動畫版些微負面感想，這篇也是後來在巴哈很容易看到的失去靈魂系列文章的起源，在這三串文章之後就是惡意賣萌這篇文章，之後也還有一些文章脫離不了這些議題論。

2007年初，巴哈GAC就充滿這些惡意的討論串～～

更新：經網友roid提出指正，失去靈魂系列文章的起源也是overload，在2006年7月4日發表的[心得]失去角色靈魂的動畫，涼宮春日動畫版些微負面感想（需要巴哈姆特帳號），果然時間一久，時間距離會變得很模糊。

del.icio.us改版了，我必須說這個新版本很棒，維持以往一貫的簡潔，改的更加美觀，但是整個usability大增，資訊也更加清楚，delicious blog還放了一段影片來介紹新的style，對了對了，還有就是他們的網址變成delicious.com了。

最近到33學堂逛的時候，剛好發現聽聞以久的平針釘書機MAX HD-10FL，順手就買下來了，仔細研究之後，覺得實在是比平常買的釘書機好太多了，不得不上來介紹一下。

http://othree.net/projects/fx-google-protocol/

一切盡在不言中～～

Firefox 3 剛推出，當然有不少的新功能，這篇就介紹幾個我覺得蠻不錯的新功能：

書籤

首先要介紹的就是Firefox 3新的加書籤的方式，按一下網址列最後面的星星，星星變成黃色的就加成功了，這時候書籤會先放在「未排序書籤裡面」，如果你想要把它放到你指定的位置，那就再按一下那顆星星，就會跑出和以前很像的面板了，而現在書籤還多了標籤可以用，有設標籤的書籤，使用者在網址列輸入文字的時候，會優先出現，比網址或網頁標題還優先。

這是一個2.0的時代，所以連攻殼機動隊都有了2.0。

Opera用了很久的介面終於要換了，即將在9.5版正式使用，現在就可以下載測試版來體會一下，我個人是覺得新的介面還不錯，又有Opera的感覺，也比之前的漂亮不少，不過可惜的是中文還是畫不漂亮@@。

昨天入手了限定的藍光版，發現片子沒固定好有刮傷，就趕快把本篇看過一遍，順便檢查一下會不會影響到播放，還好本篇部分不受影響，不過特典的部份我就沒檢查了，這是我第一次看這部紀錄片，刻意等到自己的片子拿到了才看的，因為有先見之明，所以開了英文字幕來看，果然還是沒有全部看懂，英文能力還是不夠啊，不過看完之後還是有個小感想，Helvetica真的就如同空氣一般啊，到處都是，連無印良品的商標也是Helvetica。

Firefox 3即將正式推出，spreadfirefox推出了DOWNLOAD DAY的活動，除了一起共襄盛舉Firefox 3的推出之外，還要創下「單日最多人下載軟體」的金氏世界紀錄，歡迎你也一起來參與。

最近我一直受spam所苦，雖然最新的文章不會受到影響，不過稍微舊一點的文章就一直會被spam，以前都還是一波一波的，最近這次則是一直沒有停歇，所以我只好不斷的砍spam comment，結果昨天看到miyagawaさん在twitter提到TypePad AntiSpam這個SixApart推出的反spam服務，而且還同時提供了MovableType和Wordpress的plugin，昨天就裝起來了，不過到今天早上才正確設定好，成效蠻顯著的，到現在已經擋了40多篇spam comment，只有漏掉一篇。

因為每次要在網路上輸入出生日期都覺得很麻煩，尤其是遇到用下拉式選單來選出生年和出生日的時候，所以我思考一陣子後設計了一個使用者介面來輸入出生日期，只要用滑鼠點個三四下就可以了^^，基本上這是做給jFormino的，所以在jFormino未來釋出的版本裡面會包含這個輸入元件，不過我作的雛形已經很好套用了，等不及的可以研究一下code自己拿去用。

補充：現在這個Style是hlb修改過的。

上週日參加了在景文科技大學舉辦的ACG MUSIC LIVE，這應該是國內ACG領域中的第一場以音樂/歌曲LIVE演出為主軸的活動吧，全部由樂迷發起，招募的演出者都同時是ACG和音樂的愛好者，活動也完全免費，不過要排隊拿號碼牌照順序進場就是，當天演出的場地約有300人的座位，我到的時候時活動前半小時，拿到的號碼是265號了，不過後來還是陸續有人來，最後座位都滿了，有些人坐到階梯上，真是盛況啊。

多虧朋友的幫忙，讓我終於入手了肖想很久的無限氣泡紙了，順便還買了無限毛豆和三菱的轉轉筆クルトガ（KURU TOGA），前兩項還好買，三菱的轉轉筆就很難買了，我本來想要黑色和藍色，最後只買到了橘色的，不過其實這些顏色我都還可以接受，而且事實上我最想要的是大紅色的，最近蠻喜歡黑紅配色的，手邊又已經一堆黑色的東西。三菱的轉轉筆在日本缺貨嚴重，朋友回來那天剛好友人發現台灣也有賣，不過也賣光了，之後還會在進貨，到時候去搶搶看黑色的好了。

我固定有買的雜誌中，Newtype是我買最久的一份雜誌，至少超過10年了，光是放在房間內的就至少有6年份，想當然書櫃空間越來越少，於是我很早就一直在尋找能適當包裝好Newtype的紙箱或容器，結果一直到書櫃已經塞不太下的時候才發現Amazonz剛好有個大小的紙箱很適合，於是收集到兩個後，今晚就拿來打包了。

Google昨天又公開一樣新東西Google doctype，比較不一樣的這次不是Web App也不是應用程式，而是一個開發Web App用的線上百科全書，內容還蠻豐富的，有HTML、DOM、CSS的參考資料，而且還都附有瀏覽器的支援檢查表，另外還有個HOWTO，這部分的文章都蠻不錯的，我下午看了幾篇關於安全性的文章，看到很多惡意執行javascript的方法，比我想像的還多上許多，連HTTP Header的資訊都有可能被利用，之前實在都沒想到啊。

Google翻譯最近獨立出來，Mycroft計畫也提供了相關的Firefox Search Plugin，不過中文的部份卻是只有提供簡體，於是我下午花了一點時間做了翻譯的英翻中、日翻中和字典的英翻中三個Search Plugin，放在我的projects裡面，參考的幾個網頁如下：

• Creating OpenSearch plugins for Firefox
• Adding search engines from web pages
• OpenSearch

剛剛在IRC上Jedi提到Windows Vista上新的日文字型Meiryo（メイリオ）體可以單獨下載，XP使用者也可以安裝來使用，想不到微軟最近放出越來越多字型給一般使用者下載，像是我前兩篇文章才提到的Consolas字型也是，不知道到底是什麼改變了他們的作法，這個字型有對Clear Type作過處理，沒記錯的話應該也是Vista的日文環境預設字型，配合起來顯示效果會比原來的Gothic字型好上不少，希望中文的正黑體和雅黑體也可以提供。

Opera剛剛推出了Opera Dragonfly的第一個alpha版，Opera Dragonfly其實就是類似Firebug那樣的網站/網路應用程式開發工具，現在釋出的這個alpha版(和Opera 9.5 alpha綁在一起)提供了javascript console、DOM/CSS Inspector、JavaScript/CSS Debugger幾樣工具，光是有這些工具就可以讓開發工作順暢許多，不過Opera開發團隊其實還有更多的功能已經放在roadmap上了，像是javascript編輯、CSS編輯、XHR和HTTP的狀況監控等等，如果想更了解可以參考Introduction to Opera Dragonfly這篇文章。

今天看到IEBlog有篇文章Give Your Eyes a Treat，教你怎麼在命令提示字元裡用Consolas這個字型。相信有調過windows命令提示字元的字型的人，都會對字型設定感到很討厭，因為根本沒字型可以選，看了IEBlog的文章，我才知道原來要在登錄裡面加上相關設定，而且不同的code page也會有影響，所以如果和我一樣是用中文windows，甚至是日文windows，照著IEBlog上的步驟做完一定是沒用的，因為你還要改一下code page，目前我只知道可以改到65001變成UTF-8編碼：

chcp 65001

執行過這個指令後就可以進設定改字型了～～。

AOL台灣分站開了，上去搶了帳號，然後我必須要說，都已經做了台灣的註冊頁面了，姓和名的順序難道就不能改一下嗎？然後那個SSL Certificate也是很冏XD。

klauskomenda.com最近有一篇「Collection of Web Developer Tools, per Browser」介紹了包含IE、Opera在內各種主流瀏覽器的除錯工具，包括HTTP Header、DOM檢視器等等，雖然像Firebug那樣的javascript client還是很少，不過很多時候光是能看DOM內容就很有幫助了。

有多麻煩，一圖勝千言啊！

我同時開了Firefox、Safari、Opera、IE*2共五個瀏覽器視窗，每次修改完五個都要測試，因為已經過了開發階段，不能只看一個瀏覽器的結果了。

好一陣子沒寫新東西了，前陣子其實在把一些舊的Script重新寫過，像是hiddenlinks（想到新名字後才會放出:P）和這裡的表單檢查等等，主要是想脫離jQuery，當然不是嫌它不好，而是覺得自己blog的東西不用特別用jQuery來縮減開發時間，而且寫好的東西大部分都還會公開出來。其中最後要處理的就是lightbox特效，我之前是用thickbox這個套件，本來是想改用FancyZoom，不過他的縮放特效遇到一些特定情況時會變很慢，最早的lightbox又不是用DOM方法來處理，在XHTML 1.1下無用武之地，更不用說2.0用了prototype，最後我決定自己寫一個lightbox，完成後我把它取名為lightlightbox，因為真的很輕量，程式碼不到100行XD。

想看效果的可以直接點這，如果不想開在lightbox裡面，可以壓著ctrl或alt鍵再點擊。全部是三個檔案，一個js檔，一個讀取中的gif動畫檔，一個關閉按鈕的圖檔，讀取中的gif動畫我是用Ajax Loading Gif Generator做的，關閉按鈕的圖則是先用FancyZoom的那張，和蘋果網站上用的很像，因為權利問題我不直接提供連結。在功能上預設是把所有連到jpg、jpeg、gif、png這四種檔案的連結都套上lightbox特效，另外也可以設定classFilter來判斷class，變成可以用class來決定哪些連結要有lightbox，哪些不要，檔案下載：

• llbox.js
• loading.gif

另外有一個fade in/out版的：

• llbox.js

使用前先記得修改llbox.js裡面的讀取中動畫和關閉按鈕的圖檔位置，目前版本在IE7、Firefox 3 beta5、Safari 3.1、Opera 9.26上測試過都沒問題。有兩個已知問題，一是png圖在IE6以前的版本會有透明色的問題，另一個是鍵盤控制沒有處理，等修正後會放出1.1版。

更新：結果今天就花時間把兩個問題都處理完了，更新版的檔案在原位置。

剛剛數了一下手上的鍵盤，總共有19隻，有一些是隨便買的薄膜鍵盤，列一些比較貴的：

• Cherry 白色青軸，這隻送給友人了，不過因為是我第一隻高價鍵盤，所以還是記著它。
• Cherry 黑色茶軸，二色成型鍵帽，在學校使用這隻。
• Cherry 黑色黑軸無刻印，以上兩隻都是團購的特注品，規格不常見。
• FILCO 茶軸，這隻有鐵板，觸感我比較不喜歡，用一陣子就沒在用了，不過外型漂亮所以還是留著。
• Topre RF103UB，黑色同色刻印，目前家裏主力是使用這隻，打起來雖然沒茶軸爽快，不過卻有著莫名的吸引力。
• unicomp 特注黑色無刻印，unicomp是以前IBM鍵盤部門輾轉成立的，承襲IBM有名的Model M系統，不過可惜的是小紅點是二代的，反應太慢，另外打字很費力，聲音也很大。
• Apple Pro Keyboard、Apple Keyboard，上一代透明底殼和這代金屬薄形的我都有買，主要是因為外型。
• IBM UltraNav，之前特價出清的時候買的，其實我最想要的是space saver 2啊。

其他還有幾隻機械鍵盤，不過有一隻二手鍵盤實在想不起它的特色，AT大頭，鍵帽英文部份是二色成型，機械軸，就規格而言是蠻高級的。

昨天去新竹參加HappyDesigner第三次聚會，是我遇到最多意外的一次行程。本來的計畫是早上做高鐵在搭轉乘車和公車到城隍廟那買點土產，接著搭公車回清大附近參加活動，晚上再搭轉乘車到高鐵車站。實在沒想到，從一開始救出意外了，高鐵竟然因為延誤所以停賣車票，我實在無法想像列車延誤怎麼會做出停賣車票的動作，還好我只是到新竹，要去高雄的人遇到這狀況不會慌了手腳才怪，我後來就改搭台鐵的火車下新竹，大概花了一個半小時，原來搭高鐵的話雖然只要半小時就到竹北，不過搭轉乘車到新竹火車站也要二三十分，整體而言是慢了半小時，因此買土產的部份就要加速進行才行。

到了新竹之後，我才發現我之前印的地圖忘了帶，而這是因為我早上找不到我原來要用的背包，最後就忘了把地圖帶出門，結果只好到便利商店隨便買一本，然後用走的到城隍廟附近，本來還想去拍幾張照片的，因為時間緊迫就放棄，連買土產的店家都和於來計畫的不一樣，買完土產後就要去找公車站牌了，目標是1路，沒想到我竟然找不到<O>，最後是走回火車站那等，不過我懷疑我是不是等錯地方，我的對向是有1路站牌，但是我這邊卻看不到，眼看對面都跑了四五輛過去，我這邊還是一台都沒有，活動也快開始了，只好搭了新竹名產的百元起跳小黃。

到清大附近之後，沒先把地圖準備好的惡報真正的襲來了，其實因為沒網路又帶地圖，我只記得那條路和復興路平行，假設是XX一路的話，有條和他垂直的就叫XX路，然後，我就困在建功路和建功一路的無限輪迴地獄之中...orz。在那邊困了半小時我只好花了300買了wifly到85度C上網查，一開始查了兩三次都還沒發現我根本找錯路，後來才終於發現金牛頓是在建中一路，才一路辛苦的走到正確的方向，最後到會場已經遲到快一個小時，tcc的第一場完全都錯過了，只好苦等影片了。

題目是「五分鐘講五十張投影片」，有需要的請自取:P，其他講者的投影片可以在HappyDesigner新的Google Site裡找到。

今天發生很多計畫之外的事，不過我現在很累了，明後天還有想到再說吧，不過要先特別感謝ihoower回程送我到高鐵站。

繼前幾天的Safari 95分和昨天的Opera 98分後，今天一起床就看到Opera最新的build通過Acid 3，達到一百分的消息，時間是當地時間26日下午四點，各相關網路媒體也都爭相報導，其實Safari也在同一天下午六點（不過時區差幾小時我不知道）達到100分了，不過相關新聞看得到Safari這個字的都是在說這場勝負是Opera勝出，並不是報導Safari也同樣通過Acid 3測試了。 hlb長輩說的好：「真像軍備競賽。」我想接下來WaSP就要趕快推出Acid 4，然後W3C要趕快發展更多新標準才不會被瀏覽器方追上了（誤）。

我食言了，上一篇文章發完後，我還是一直在搞vim的設定，基本上都是在弄自動完成的部份，我是很希望弄到像Visual Studio新版那樣，邊打字選項就會邊過濾，物件的結構程式也都會知道，要拿物件的屬性時，自動完成也能正確顯示選擇，就這樣弄了好一陣子，昨天晚上我終於成功了，不過又遇到syntax complete在windows會出錯的奇怪現象，一直搞到凌晨四點，連CLANNAD都忘了看還是沒有解決，一直到今天才成功迴避這個錯誤。

現在我vim關於自動完成相關的plugin有四個：supertab、snippetsEmu、OmniCppCompletion、autocomplpop。supertab是用Tab鍵觸發自動完成功能用的，本來要使用Omni Auto Completion要先按Ctrl+X再按Ctrl+O，很不方便。snippetsEmu則是用關鍵字完成一段預先設定的內容，舉例來說，我只要輸入"doc4s"，再按Tab就可以插入完整的HTML 4 Strict文件宣告，這功能可以減少很多重複的工作，像是if迴圈、for迴圈都可以用這個功能來快速完成。這兩個我之前都有介紹過，而剩下的兩個剛好就一個完成我的一個需求，OmniCppCompletion讓我可以在編寫物件導向程式時有更完整的自動完成功能，autocomplpop讓自動完成的選項在你輸入時就自動出現，並且隨著你輸入的內容不斷過濾選項。

ニコニコ真是讓日本創作人提供了很棒的發表平台，各種讓人驚艷的創作不斷的冒出，今天我要特別介紹的是Hello Windows。

Hello Windows是用Windows是用內建的各種音效編曲而成的一首音樂，之後也有人再改編，甚至寫詞來唱，而今天halyosy（森晴義）也發表了他改編後填詞自唱的版本：

一聽真是驚為天人，一下午就repeat好幾遍，之後特別看了歌詞內容，實在是很符合Windows音效做的歌曲這點特色。

Dean Edwards寫的這個函式一直是我愛用的檔案，可以在各種瀏覽器上都正常的處理事件的指派，一般而言，事件的指派除了IE的attachEvent和W3C的addEventListenr外，還有一個最傳統的方法就是直接設定該elementNode的屬性，要指派click事件就可以寫成elem.onclick = func;，不過這個方法有個缺點是一個element的同一種事件只能指定一個function，因此一般而言都還是會使用attachEvent和addEventListener。