返回列表 發帖

好書推薦 Web Standards Creativity

完整書名:Web Standards Creativity: Innovations in Web Design with XHTML, CSS, and DOM Scripting

這本書會引起我注意的原因是 Creativity (創造力) 和 DOM Scripting 兩個字眼,通常一本書從 XHTML/HTML、CSS 講到 JavaScript 的話,內容可能很廣,而且會講得比較淺一點,或是根本就是一本參考字典。但是這本書看起來不太一樣,如果真的如同書名提到的 Creativity 和 Innovations 的話,應該會有比較有趣的一些東西。

翻開內容發現書的編排真是非常不錯,有豐富的色彩和圖片,提供非常棒的視覺效果,但是卻不會影響到內文的閱讀,看來真的是很專業的設計,一般技術書籍比較少有這樣豐富的版面安排。



這本書並不是一個作者獨立完成的,而是在 Web Standards 領域有所研究的多個作者共同完成,所以內容包含了 XHTML、CSS、JavaScript 等多種相關主題,每一章都是一個單一主題的實例解說,比較適合有基礎的讀者。以下是本書的主要章節目錄:
PART 1: LAYOUT MAGIC
Chapter 1: Semantic Structure, Dirty Pretty Presentation
Chapter 2: Taming a Wild CMS with CSS, Flash, and JavaScript
Chapter 3: New York Magazine: My, What a Classy <body>
Chapter 4: Designing for Outside the Box
Chapter 5: Creative Use of PNG Transparency in Web Design
PART 2: EFFECTIVE PRINT TECHNIQUES APPLIED TO CSS DESIGN
Chapter 6: Grid Design for the Web
Chapter 7: Bridging the Type Divide: Classic Typography with CSS
PART 3: DOM SCRIPTING GEMS
Chapter 8: Print Magic: Using the DOM and CSS to Save the Planet
Chapter 9: Creating Dynamic Interfaces Using JavaScript
Chapter 10: Accessible Sliding Navigation


以 JavaScript 為主的是第 8、9、10 三個章節,第 8 章實做了一個列印的範例,在一個很多段落的資料頁面中,可以讓 user 選擇只列印段落或全頁,而且作者堅持要做到「使用 unobtrusive」、「符合 progressive enhancement」、「JavaScript 都在一個共用的檔案內」、「美觀」、「標準」、「直覺」,有製作列印需求的人不妨參考一下。

第 9 章的範例是為了符合多樣訪客的需求而製作動態的使用者介面,這邊提到的動態有包含兩種情境,第一種是依照不同的瀏覽解析度自動調整的版面,這邊用到許多 CSS 的技巧,對於版面安排的品質非常挑剔的人絕對值得一看。另一種是讓使用者自行安排自己的版面,如同 iGoogle 一樣的入口網站,現在有越來越多的個人化首頁都有提供這樣的功能,雖然類似的功能不難找到現成的函式庫可用,但是這裡作者非常詳細的講解製作方式及觀念,仔細看完應該會發現又學到了一些新技巧。

第 10 章介紹的主題是 Web Accessibility,與大部份新潮網站訴求非常不同的是,這邊強調的是標準、可接近性、易使用性的網頁,不論 user 要用看的還是聽的、解析度是高的還是低的、要用滑鼠還是用鍵盤,都要可以讓 user 讀取到網站內容,而且也不減網站的美觀及設計感。說到這一塊我就汗顏了,因為我設計的網頁向來只注重給 IE 的 user,一方面是覺得大部分的 user 都用 IE,一方面也是懶得去測試其他瀏覽器,不過這樣的方式越來越受到現實的挑戰,因此這一章真的值得我仔細去閱讀一番。

預告一下,這本書似乎會有簡體中文版的翻譯書,或是簡體封面的英文書,或是簡體譯注版...

http://book.csdn.net/subject/0710tl/
To infinity and beyond!

TOP

因為是電子書...
To infinity and beyond!

TOP

返回列表 回復 發帖