小章魚工作室

好久沒有搬機器了

因應EC2之前的長期優惠方案到期了, 所以把機器搬到新的T2 Micro Level的機器上
希望一切順利啦XD

http://www.trirand.com/blog/?p=231

如標題，jqGrid出了新的alpha版。
為什麼我要特別在這邊幫他廣告呢？

因為它把jQueryUI的theme引擎包進去了啊啊啊啊~~~~

如果一個 JavaScript UI 的 framework 要稱為成熟，table grid 的元件是很重要的。
我想 jQueryUI 可以拿來用了，雖然jqGrid不是jQueryUi Team維護的:p

===
jQueryUI Team 的 GridTable 計畫
http://wiki.jqueryui.com/GridTable
===

總之，可以拿來用看看了

新年第一篇文章？...跟我工作有關的:p

PHP之父的開發祕訣
http://www.ithome.com.tw/itadm/article.php?c=52476

其中談到大型網站要如何考量架構的問題，值得一看。
這對於很多用慣opensource軟體系統的人是另外一個思考的方向:D



PS：話說，我丟這個給同事看，結果他們以為我要說的是OOP之於PHP6的問題:p

http://docs.jquery.com/UI/Datepicker

很好很強大，options屁話說一堆
真正要用的setting manual翻來翻去都找不到，X的

死外國人到底在想什麼。

PS：找到了，藏在第一個link的option裡，點下去畫面爛光光是怎樣!

啾咪瀏覽器開始 public beta
試用感想是...safari for windows 安心上路 XD

http://www.google.com/support/chrome/ ... ?answer=95696&topic=14683

參照：

很簡單，因為 kernal 都是 WebKit。

好用到爆炸的 FF plug-in.尤其是雙螢幕加持時另開 firebug 到另一個視窗，邊瀏覽網頁邊看網頁的實際架構，可以馬上上功力增加不少喔 XD

現在的開發方式
1. 直接 on the fly修正頁面HTML看結果，然後測出來效果了以後整個 copy 下來貼回去 ultraedit。
2. 遇到想要知道的 global var/function 把 window 丟下去觀察就知道了
3. 改 CSS 也不用這麼麻煩對來對去該改哪裡了，直接直定要觀察的目標他會告訴你他的 CSS 是啥，定義在哪裡 or 那個css。
4. Javascript debugger 多了 watch 功能(省得我到處寫console.log)，裡面的非英語系文字顯示也正常了，不用回頭去找第幾行。
5. exception 顯示 function 的時候，順便顯示了傳進去的變數，省得再攔下來抓。
6. 新增的 Met 功能，可以顯示一個頁面載入時 browser 讀取資料的先後順序和時間，方便我 tune load 資料的順序和頻率。

提供這工具的人會有福報的啊啊啊啊...。

有一些新功能...
例如已註冊會員可以試試看HTML content的輸入

菜菜子的新馬力廣告=v=↓



其餘零碎的東西大家可以慢慢發覺:p...
（事實上剛弄好我也還在摸=.=）

JSON RFC
http://www.ietf.org/rfc/rfc4627.txt?number=4627
http://ajaxian.com/archives/the-json-rfc

不用 ActiveX parse XML的方法
http://dean.edwards.name/weblog/2006/04/easy-xml/

http://taco.techarea.org/rss/

唯一用到javascript之外的地方，是為了讓XMLHttpRequest跨Domain用的php code。(fetch 檔案回來 echo）

原本想作一個具有一般RSS reader功能的東西，但是後來發現問題還挺嚴重的。

原因是我的理想功能有幾個作不到：
1. 定期幫我抓我沒時間開 RSS reader 時的 feed 回來。
(javascript 是 client 的東西啊...)
2. 共享 feed，節省取得 feed 的時間。
（取得的feed勢必要在一個地方儲存，還有儲存各個user和feed的對應關係）

簡單來說，bloglines 作了什麼，我也想作:p

所以，純用javascript去處理這一段，雖然在parse feed階段因為javascript的高速取得了很大的鼓舞，但是真正的理想功能卻非得要server side script才能做到。

這，應該又是一個我考慮不夠周全的結果吧:p

於是目前的想法變成。
1. php parse RSS feed。
2. php create XML feed。
3. javascrpit read XML feed, show it.

由1和2的部分，處理那些應該要作的功能（cron sync feed）
最後3僅處理介面顯示。

還是回到老路啊XD

James McParlaneJames McParlane今天有一篇文章談到了一些不該在javascript中作的一些行為。

ajaxian有整理了一下，在下面轉述：
1. Don’t use Object.prototype to extend the base ‘Object’.
2. Don’t use ‘Array’ for an Associative Array
3. There are two types of Library ‘Primary’ or ‘Secondary’. James sees Dojo, Prototype, et al becoming “primary” libraries on which other, more specialized libraries, build.
4. Port code that uses ‘Array’ for Associative Arrays. (Use objects and not Arrays for associative array behavior.)
5. Write JavaScript Tools That Warn Of Rule Violations.

不是很明白為什麼，還在看@@
在這裡記錄一下ccc

不是canvas、也不是VML or SVG。
有個神經病用了 pure div 去產生圖形=.=

http://www.walterzorn.com/jsgraphics/jsgraphics_e.htm

看了一下，真的是強者。
不過強歸強，整篇我只注意到一句話

"However, don't compare the performance with Java or stand-alone applications!"

中肯。

用途自己理解XD

要做到不reload頁面而更新資料的方法有很多種，不過一般來說都是 XHR or Iframe 兩種來做。
（事實上，在公司我都用iframe作，因為至少不用另外綁一個 XHR 的 js code 進來）


這一篇文章有關於 iframe 和 XHR 的效能測試，看來我還是乖乖的用 XHR 比較好啊=v=...

有圖有真相，PHP/SWF charts新版支援中文了（意思就是可以自訂字型）

看來算得上是有前途的東西了，嘿嘿嘿嘿。

我一直以為使用者介面是需要經過人因工程的方法去實作，去研究的。
那天在火車上想啊想，原來我是錯的。
事實上，很多人都是錯的。

由於使用者的經驗對於操作介面的好壞有決定性的因素，所以所謂的好壞
不能藉由一般的研究方式去問：「你覺得這個介面好不好用啊？」
而是在於精確計算使用者在完成同樣動作時在新舊介面中那細微的
動作操作時間。

但是問題來了，誰能保證在舊介面的操作習慣不會影響到新介面的操作習慣？
那所謂的使用者經驗，不就是舊介面中的user mind？
太有趣了，使用者的經驗就是所謂的舊介面，那新介面的設計原則是依照使用者經驗去打造，所以操作模式不會離舊介面太遙遠。

於是，雞生蛋loop。
於是，我們不再需要去思考太多所謂的介面，因為照著最常見的使用者刻板印象去設計介面就是了。（於是，B公司的首頁就是A公司和Y公司的混合版），因為使用者的操作習慣已經被其他公司教育成那樣的user mind了。
於是，有大量機會促成使用者經驗的人決定了介面開發的原則，其他UI只能照著去做，要不然就會變成使用者介面不良的標準示範。

當然，有方法可以避免，就是像google一樣把search UI簡化到剩下textbox一個和submit button一個。

想到了嗎？這樣才是重新教育使用者經驗的最簡單方法。
別人的使用者經驗被簡化成剩下輸入文字，按下按鈕。不再需要在畫面上找尋自己應該要點哪一個入口網站的link。
因為簡化了，所以使用者操作的門檻便低，使用的人數也增加了。
使用人數增加，就會讓google開始決定UI的設計原則。

很資本主義的感覺。:p

http://www.sergiopereira.com/articles/prototype.js.html

prototype.js的說明文件，寫的真是詳細。
之前因為一直沒有文件，所以對這個entension lib沒啥興趣。雖然我知道一狗票的新AJAX應用都是從這個延伸出來的。

剛剛翻了翻，終於知道為什麼之前我 inclide prototype.js 進我寫的html裡會有問題了。
因為這個lib自己創造了一個 element 物件, 所以會跟原有的form.element打架...orz

姆...故事告訴我們...就算IE和firefox都過的了，也不代表prototype.js過的了~_~...

http://www-128.ibm.com/developerworks/web/library/wa-ie2mozgd/

寫的不錯，可以參考看看

中文的資訊太少了，太少了。

這個星期為了一個UI的開發，我正大光明的開始可以在工作的時候拼命逛網站。當然，是在網路極度不穩定的情況下，在周遭的聲音吵到連1U server 的風扇聲都抵不過的分貝下，在...

就算戴上耳機也無濟於事的暴躁環境下。

是的，好低劣的工作環境，所以我很佩服這樣環境下我得到的「一堆」javascript開發技巧。

隨便說幾個好了。

1. DOM 是 DOM，JS 是 JS，完全兩碼事。
2. javascript 的 function 就是 object，也可以變成 method 的一種。
簡單來說，物件裡面的物件可以是動作也是 ooxx。
我對 oop 沒什麼概念，不過在玩來玩去的情況下倒是有很多有趣的經驗。
3. javascript 可以做出 DOM 的物件，但是做出來的東西跟顯示是兩回事，不用 innerHTML 瀏覽器的顯示部分就是不甩你。

...
（這一刻，我認真的看著康熙來了。這純粹是一種腦子太多東西要宣洩的文章，所以沒有組織，對看的懂技術文章又想要學的人不公平，因為你們會看不懂，所以我放棄寫下去，改天再說。）

qooxdoo是一種用javascript實作UI的計畫，似乎為了 ajax 找到了出路。（雖然效能...實在是不太好）

在等一陣子吧，也許會有令人滿意的效能出現。

要創造圓角區塊時，不需要四張圖片去塞角落的方法：
Nifty Corners: rounded corners without images

其實不難，就是在區塊的前面和後面各用四層改造過的<b>標籤來表現圓角。
當然，想要圓角弧度要大一點的話就多加幾層（爆）

挺有趣的，作者還很貼心的連 java script 的版本都弄好了。
只需要下一個 Rounded() 就可以幫現有的網頁做成圓角。
（java script就是要這樣用啊啊啊啊）

蠻不錯的IDEA。