Categories
Books JavaScript Programming Web Design

Pragmatic Ajax: A Web 2.0 Primer

值得推薦的AJAX入門好書(2006/3月出版),循序漸進交代出Javascript、DOM跟Ajax。範例程式碼清楚好讀,網頁設計觀念正確。講完用 XMLHttpRequest 的最原始用法之後,就開始教如何運用 Prototype 跟 Dojo,畢竟實在不需要用 raw Javascript 啊。之後的例子主要也是用 Prototype。講 Ajax 如何正確使用的觀念講的不錯(第七章),其他有用的議題(如JSON)也都包含在內,是本既入門內容又豐富的書。

話說這本書放要讀清單放好久了,真的拿起來認真看,沒幾天也就看完了,還蠻好唸的… :p

Categories
Books UI Web Design

網站企劃推薦書籍

我是個網站開發者,我一直幻想著開發一個新網站的時候,有個漂亮的OL(這不是重點)可以寫超讚的網站企劃給我,讓我一看就知道要做什麼網站,而不是每次都給我籠統的客戶需求,定規格跟如何設計都得自己來。早些時候我看了些UML,甚至買過一本Building Web Application with UML,不過都不適合企畫人員作為給網站企劃用途,太難了,尤其是這麼小的團隊… :p

我的夢幻企畫我想可以 based on 以下幾本書:

Categories
Books JavaScript Programming REST Web Design

Ajax in Action

 

軟體設計層次的Ajax書,很認真的思考 Single Page Application。前三章引入Design Patterns、重構的概念到Javascript,將 Web Page提升到應用程式的層次。四五章很精采地分析架構,包括不同層次的MVC觀點,以及各種框架的大局觀跟分類,其中關於Ajax如何交換資料提供了很好的思考,以下是我的筆記(Rails是我加的,書上沒有):

內容中心的互動 (content)

  • Server 傳回 HTML 片段,Client 在特定位置更新顯示。
  • 簡單直覺,撰寫容易。
  • 功能有限,畫面上的變化只限於固定矩形區域,無法進行複雜的DOM操作。
  • Rails使用Prototype加上配套的 Ajax helper 即可達成。

腳本中心的互動 (scripting)

  • Server 傳回 Javascript 片段,Client 直接執行。
  • 功能彈性大,可自由操作DOM,多處更新。
  • Rails 支援在 Remote Javascript Template (RJS),使用Ruby語法撰寫Javascript,傳給Client執行,減少撰寫raw Javascript。

資料中心的互動 (data)

  • Server 傳回 XML 或 JSON 資料,Client 的 Javascript 解析處理(或使用XSLT)。
  • XML的解析較麻煩,現在流行用JSON(JavaScript Object Notation)。
  • 上述兩種架構與Client相依,但資料中心即Web Service(REST)架構,具可重複使用性(可供別的前端使用)。
  • Rails支援 XML Template跟JSON。
  • 因為剖析資料的負擔完全放在 Client 端,所以 Client 端的Javascript程式或XSLT工程較大。

第六章 使用者體驗 實作了一個通知框架,第七章講安全性,第八章講效能及記憶體洩漏(memory leak)問題。剩下後半本則是一章一案例。

另一篇書評 : Relevance Review #5: Ajax in Action

註: 之前寫的 ajax 傳送格式比較 : XML, HTML, or JSON?

Categories
Books UI Web Design

操作介面設計模式 Designing Interfaces

 

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

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

Categories
Software Development Web Design

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 …

Categories
JavaScript Programming Web Design

Prototype 簡介

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

參考資源

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