幹壞事是進步最大的原動力
除了幫無名小站寫以外，也幫自己公司 (PIXNET) 寫 Album Expander，這樣我自己看圖片才方便 XD
這隻程式請配合 Greasemonkey 服用：PIXNET Album Expander。
另外在 trace DOM 的時候有一些感想，照片的部份全部都是 ul + li，再用 CSS 做出來的，當初設計這個 Template 的人不賴啊 XD
Update：修正了兩個問題，第一個是 Google Code 今天一直噴 502 而讀不到 jQuery，所以只好用 code.jquery.com。第二個是修正相本 .thumgBox 與 .thumbImg span 裡設定 width/height 時會產生的 bug。
jQuery 的大魔頭 John Resig 在他的 blog 上討論了各瀏覽器對 Sub-Pixel 的處理方式：Sub-Pixel Problems in CSS。
在他文章裡，他產生了一個 50px 的 div，裡面包著四個 div，設定寬度為 “25%”，然後丟到 Opera 9、Safari 3、IE 6、IE 7、Firefox 3，以及 Firefox 2 裡測試。另外用 Javascript 去抓 DOM 裡面的寬度。這個問題也可以解釋為什麼某些站台的 Navigation Bar 在不同的瀏覽器下會有奇怪的「殘影」。
IE8 內部測試版本已經通過 Acid2，一個很有名的 CSS 的測試了：Internet Explorer 8 and Acid2: A Milestone，接下來是時間的問題了，離 IE6 與 IE7 消失還有很長一段時間，不過畢竟總是要有個頭。
Firefox 3 會不會 delay 到成為最後一個支援 Acid2 的主流瀏覽器？(真的發生的話也不意外，只是會有很多人笑得很開心)
YUI 2.4.0 出版了，非常常用到的 Selector Utility 終於在 2.4.0 補上了：YUI 2.4.0 Released — Selector, Charts, Profiler, Script/CSS Get, and JSON Support。
另外 JSON Utility 也在 2.4.0 補上了，不用再自己拉回來 eval() 了。除了基礎建設的部份外，這個版本還附上改善了 YUI 版的 Rich Text Editor！不過用起來好頓啊…
CSS attacks! 這篇講到的兩個誘導使用者進行不安全操作的方法：
前面那個可以用 js + Referer 解決大部分的問題 (對於有防火牆把 Referer 擋掉，而且沒有 js ability 的用戶，暫時想不到解法…)，後面可以用 Double Cookie 解決。
來找看看 Firefox 有沒有 Plugins 可以加強這些安全上的問題…
先看這頁：jquery-animate.html，用 Firefox 以及 IE 各看一次，然後游標試著在兩個段落上移動看看，在 IE 上應該會變成這樣：
找了資料以後確定這是 IE 的 bug，也有解法：MSIE animated fade problems，解法是設定 background 屬性 (不確定設成底圖可不可以，不過確定 “transparent” 不可以)。經過測試發現可以在 Javascript 裡面設定 background，而不用事先在 CSS 裡面設。
對 IE 的 browser detecting 也很簡單：(Ref：Using the navigator object to detect client’s browser)
if (navigator.appVersion.indexOf("MSIE") != -1) {
// ...
}
目前看起來沒有問題，不過 background 屬性不能是 transparent 還蠻麻煩的…
用 Google 找到的 bug 似乎是講用 Javascript 動態改變 display 時的 bug，不過我遇到的是純 CSS 的 layout 問題…
這頁 丟到 IE6/Firefox2/Opera9/Safari2/Safari3 測試，發現在 Safari 2.0.4 (Mac) 及 3.0.1 (Win) 上都會先出現 #id2 再出現 #id1，但是其他的瀏覽器都是先顯示 #id1 再顯示 #id2。
這是在我的 Windows 上顯示出來的結果，Safari 2.0.4 (Mac) 的結果跟 Safari 3.0.1 (Win) 的結果一樣，再加上我手邊沒有 Mac，就不貼了：
我的問題是，Opera 與 Safari 這兩個都通過 ACID2 的 Browser 到底哪個才是正確的？
Update：The display declaration 上早就提過這個問題了。
Note：這只是在 Javascript 裡跑 CSS Selector 的速度。
剛好看到 SlickSpeed CSS Selector TestSuite 這篇文章，在 Windows 上測了幾個瀏覽器，單位都是 ms (所以數字愈小愈好)，測試的時候都儘量保持不動電腦的情況下跑完：
| prototype 1.5.1 | jQuery 1.1.2dev | MooTools 1.2dev | ext 1.1b1 | cssQuery 2.02 | |
|---|---|---|---|---|---|
| IE 6 | 1600 | 3238 | 1302 | 839 | 6511 |
| Firefox 2.0.0.5 pre | 176 | 4289 | 144 | 965 | 5411 |
| Opera 9.20 | 68 | 1445 | 112 | 198 | 1122 |
| Safari 3 beta | 120 | 733 | 140 | 152 | 931 |
呃，Firefox 2 的速度… (想裝地雷看看有沒有進步，結果想到早上才失敗過，沒辦法測 XD)
Update：網頁上多了 Dojo 的測試項目，速度也還不錯。