操作介面設計模式 Designing Interfaces

 

介面設計與 Usability 的好書，介紹94種設計模式，包括資訊架構、導覽、頁面配置、圖表、輸入表單、編輯器操作、外觀，每一章都會先來個概觀性解法，然後每個模式依序講解 這是什麼? 何時使用? 為何使用? 原理作法! 範例說明!，編排的非常有系統，內文也不會太艱澀難懂，像認知心理學那樣深奧(?)，或是太雜太多的 Tips。舉的範例也很棒，涵蓋桌面軟體及Web。非常適合與UI相關的工作者閱讀，可以學到很多 Usability 的知識跟技巧，激發你的創意。

不過此書中文版編譯錯誤頗多，有耐心的話請勘誤吧(很累人就是了，害我花了2hr塗改)。

Rails RJS Templates 再探

如果看了上一篇，以為有了RJS就不用學不用寫 Javascript 跟 Prototype.js，那就錯了… :p

RJS 你可能會以為是 Ruby JavaScript，Ruby 要統一 JavaScript 了。不過其實是 Remote JavaScript 的意思，顧名思義它主要用於 Ajax Request 的遠端回應。不需要用 Ajax 的地方還是應該乖乖用 Javascript 來寫(你要透過RJS繞一圈來做也沒什麼辦不到啦~) 在rhtml中就寫好Javascript，除了直接寫  Javascript code 之外，也可以用 update_page 和 update_page_tag 來生成Javascript code(感謝contagious補充修正)。一來是效率時效考量，二來也讓RJS保持乾淨。所以還是要會 Javascript跟Prototype才能正確運用RJS的方便性。嗯，還在努力學習中… 真是太神妙了… Orz 

承上一篇的範例，最簡單的例子就是載入畫面，這玩意當然不需要再發 Ajax Request了。 閱讀全文〈Rails RJS Templates 再探〉

Microsoft IE7 正式發布

Update(2006/12/1): 繁體中文版出了。 

ie7

歷經20個月，發了5個bata及1個release candidate版本之後，終於到了正式發布了，IEBlog上 Bill 都來 congratulate 一下。IE7的CSS有重大改善，增加好用的 Tabs 功能、RSS Feeds 及搜尋框，以及種種安全性加強。

Internet Explorer 7： 下載

台灣微軟也做好下載頁面了，不過我點中文版還是連到英文去，多語系版本還要再等一陣子。相信在過不久微軟就會用自動更新來硬塞給你…. XDXD

網頁設計又要大攪動了，現在除了要檢查 IE6跟Firefox，IE7也要加進來考慮了。有很多網站用IE6可以看，但是IE7會有問題，像是蕃薯藤新聞，會發生選單疊到內文的現象。台灣企銀的網路銀行連登入都不行(為什麼銀行的HTML都寫的很爛?)。雖然會有一些陣痛跟麻煩，但是我覺得是很好的進展啊。

接下來是 Firefox 2.0 …

Rails RJS Templates 初體驗

RJS templates 是 Rails 1.1 中的一種新 template，它的開發者 Sam Stephenson 也是 Prototype.js 的作者。不像一般 template 產生 HTML 或 XML，RJS templates 產生 Javascript (based on prototype) code 傳給瀏覽器執行，你可以在 template 中一次修改頁面多個地方，而所有 template 語法皆是用 Ruby 來寫。

要學RJS template，目前最好的文件應該就是這份 Cody Fauser 所寫的 RJS Templates for Rails 了，直接線上買PDF版(也只有PDF版)，而且作者會更新，我手上的是 9/26。另外 slash7 提供了一份漂亮圖例 RJS Demystified With Pretty Colors!。RubyInside 則有整理了一份 16 RJS Resources and Tutorials for Rails Programmers。

以下是一個簡單的Ajax範例，需要寫的程式碼很少，而且重點是不需要寫 JavaScript。 閱讀全文〈Rails RJS Templates 初體驗〉

Prototype 簡介

Prototype 似乎是目前最紅 javascript framework，作者善用了Javascript物件導向的特性，增強了 Javascript 的功能與開發便利性。在實際看過之後，發現它並不是一套包裝太多的架構(像是動畫特效的東西就不在裡面)，也因此也有一些 framework 如 Script.aculo.us 是以 Prototype 為基礎來開發的。當然，還有 Ruby on Rails 也用 prototype 來達成 Ajax 功能。

參考資源

它大概包含了哪些東西呢? 例如有: 

閱讀全文〈Prototype 簡介〉